.contributors-tooltip {
  display: inline-block
}

@media (min-width: 768px) {
  .contributors-tooltip {
    position: relative
  }
}

.contributors-tooltip__content {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
    border-color: var(--primary-700, #2471CB);
    border-radius: 0.25rem;
    border-width: 1px;
    font-family: var(--body-font-family), ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    padding: 0.75rem;
    position: fixed;
    top: 7rem;
    left: 50%;
    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    width: 20rem;
    z-index: 10;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-translate-x: -50%
  }

@media (min-width: 768px) {
    .contributors-tooltip__content {
      top: 13rem;
      bottom: auto;
      width: 24rem;
      --tw-translate-x: -50%;
      --tw-translate-y: -50%
    }
  }

@media (min-width: 1024px) {
    .contributors-tooltip__content {
      position: absolute;
      left: auto;
      top: 50%;
      --tw-translate-x: 0px
    }
  }

.contributors-tooltip__content {
    --acf-hero--text-color-light: #666;
  }

.contributors-tooltip__content::after {
      content: "";
      --tw-bg-opacity: 1;
      background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
      --tw-border-opacity: 1;
      border-color: rgba(0, 0, 0, var(--tw-border-opacity));
      border-bottom-width: 1px;
      display: none;
      height: 0.75rem;
      position: absolute;
      top: 50%;
      width: 0.75rem;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-rotate: 0;
      --tw-skew-x: 0;
      --tw-skew-y: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      --tw-translate-y: -50%;
    }

@media (min-width: 1024px) {
      .contributors-tooltip__content::after {
        display: block
      }
    }

.contributors-tooltip__description {
    font-weight: 400;
  }

@media (min-width: 1024px) {
      .contributors-tooltip:hover .contributors-tooltip__content {
        display: block
      }
    }

.contributors-tooltip--left {
  padding-left: 0.5rem;
}

@media (min-width: 1024px) {

.contributors-tooltip--left .contributors-tooltip__content {
      right: 103%
  }
    }

.contributors-tooltip--left .contributors-tooltip__content:after {
      border-right-width: 1px;
      --tw-rotate: -45deg;
      right: -7px;
    }

.contributors-tooltip--right {
  padding-right: 0.5rem;
}

@media (min-width: 1024px) {

.contributors-tooltip--right .contributors-tooltip__content {
      left: 103%
  }
    }

.contributors-tooltip--right .contributors-tooltip__content:after {
      border-left-width: 1px;
      --tw-rotate: 45deg;
      left: -7px;
    }

