.share {
  display: flex;
  align-items: end;
  flex-direction: column;
  row-gap: var(--Spacing-04);
  position: relative;
}
.share--content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: var(--Spacing-05);
  row-gap: var(--Spacing-04);
}
.share.is-popover {
  display: inline-flex;
  align-self: start;
}
.share.is-popover .share--content {
  display: none;
}
@media (min-width: 704px) {
  .share.is-popover .share--content {
    transition: var(--Transition-Base);
    display: grid;
    visibility: hidden;
    opacity: 0;
    text-align: center;
    position: absolute;
    z-index: 500;
    grid-template-columns: 1fr;
    border-radius: 2px;
    background: var(--Color-White);
    padding: var(--Spacing-04);
    bottom: calc(100% + var(--Spacing-05));
    left: 50%;
    margin-left: calc(calc(var(--Spacing-07) + var(--Spacing-04) * 2) / -2);
    filter: drop-shadow(0px 0px 4px var(--Color-Gray-500));
  }
  .share.is-popover .share--content:after {
    border-color: var(--Color-White) transparent transparent transparent;
    border-top-width: 18px;
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -12px;
    border-right-width: 12px;
    border-left-width: 12px;
    border-style: solid;
  }
  .share.is-popover .share--content.tooltip-bottom {
    top: calc(100% + var(--Spacing-05));
    bottom: unset;
  }
  .share.is-popover .share--content.tooltip-bottom:after {
    border-color: transparent transparent var(--Color-White) transparent;
    border-top-width: unset;
    border-bottom-width: 18px;
    top: -18px;
  }
}
.share.is-popover:hover .button, .share.is-popover:focus .button, .share.is-popover:focus-within .button {
  text-decoration: underline;
  text-underline-offset: 3px;
  border-color: var(--Color-Text-Hover);
  color: var(--Color-Text-Hover);
}
.share.is-popover:hover .button .whitespace-nowrap:after, .share.is-popover:hover .button:after, .share.is-popover:focus .button .whitespace-nowrap:after, .share.is-popover:focus .button:after, .share.is-popover:focus-within .button .whitespace-nowrap:after, .share.is-popover:focus-within .button:after {
  background-color: var(--Color-Primary-Hover);
  left: var(--Spacing-02);
}
.share.is-popover:hover .button .icon, .share.is-popover:focus .button .icon, .share.is-popover:focus-within .button .icon {
  transform: scale(1.2);
}
.share.is-popover:hover .button.is-primary, .share.is-popover:focus .button.is-primary, .share.is-popover:focus-within .button.is-primary {
  text-decoration: underline;
  text-underline-offset: 3px;
  background-color: var(--Color-Primary-Hover);
  border-color: var(--Color-Primary-Hover);
  color: var(--Color-Primary-Text-Hover);
}
.share.is-popover:hover .button.is-primary .whitespace-nowrap:after, .share.is-popover:hover .button.is-primary:after, .share.is-popover:focus .button.is-primary .whitespace-nowrap:after, .share.is-popover:focus .button.is-primary:after, .share.is-popover:focus-within .button.is-primary .whitespace-nowrap:after, .share.is-popover:focus-within .button.is-primary:after {
  background-color: var(--Color-Primary-Hover);
  left: var(--Spacing-02);
}
.share.is-popover:hover .button.is-primary .icon, .share.is-popover:focus .button.is-primary .icon, .share.is-popover:focus-within .button.is-primary .icon {
  transform: scale(1.2);
}
.share.is-popover:hover .button.is-primary .whitespace-nowrap:after, .share.is-popover:hover .button.is-primary:after, .share.is-popover:focus .button.is-primary .whitespace-nowrap:after, .share.is-popover:focus .button.is-primary:after, .share.is-popover:focus-within .button.is-primary .whitespace-nowrap:after, .share.is-popover:focus-within .button.is-primary:after {
  background-color: var(--Color-Primary-Text-Hover);
}
.share.is-popover:hover .button.is-primary-outline, .share.is-popover:focus .button.is-primary-outline, .share.is-popover:focus-within .button.is-primary-outline {
  text-decoration: underline;
  text-underline-offset: 3px;
  border-color: var(--Color-Primary);
}
.share.is-popover:hover .button.is-primary-outline .whitespace-nowrap:after, .share.is-popover:hover .button.is-primary-outline:after, .share.is-popover:focus .button.is-primary-outline .whitespace-nowrap:after, .share.is-popover:focus .button.is-primary-outline:after, .share.is-popover:focus-within .button.is-primary-outline .whitespace-nowrap:after, .share.is-popover:focus-within .button.is-primary-outline:after {
  background-color: var(--Color-Primary-Hover);
  left: var(--Spacing-02);
}
.share.is-popover:hover .button.is-primary-outline .icon, .share.is-popover:focus .button.is-primary-outline .icon, .share.is-popover:focus-within .button.is-primary-outline .icon {
  transform: scale(1.2);
}
.share.is-popover:hover .button.is-secondary, .share.is-popover:focus .button.is-secondary, .share.is-popover:focus-within .button.is-secondary {
  text-decoration: underline;
  text-underline-offset: 3px;
  background-color: var(--Color-Secondary-Hover);
  border-color: var(--Color-Secondary-Hover);
  color: var(--Color-Secondary-Text);
}
.share.is-popover:hover .button.is-secondary .whitespace-nowrap:after, .share.is-popover:hover .button.is-secondary:after, .share.is-popover:focus .button.is-secondary .whitespace-nowrap:after, .share.is-popover:focus .button.is-secondary:after, .share.is-popover:focus-within .button.is-secondary .whitespace-nowrap:after, .share.is-popover:focus-within .button.is-secondary:after {
  background-color: var(--Color-Primary-Hover);
  left: var(--Spacing-02);
}
.share.is-popover:hover .button.is-secondary .icon, .share.is-popover:focus .button.is-secondary .icon, .share.is-popover:focus-within .button.is-secondary .icon {
  transform: scale(1.2);
}
.share.is-popover:hover .button.is-secondary .whitespace-nowrap:after, .share.is-popover:hover .button.is-secondary:after, .share.is-popover:focus .button.is-secondary .whitespace-nowrap:after, .share.is-popover:focus .button.is-secondary:after, .share.is-popover:focus-within .button.is-secondary .whitespace-nowrap:after, .share.is-popover:focus-within .button.is-secondary:after {
  background-color: var(--Color-Secondary-Text);
}
.share.is-popover:hover .button.is-secondary-outline, .share.is-popover:focus .button.is-secondary-outline, .share.is-popover:focus-within .button.is-secondary-outline {
  text-decoration: underline;
  text-underline-offset: 3px;
  border-color: var(--Color-Secondary-Hover);
}
.share.is-popover:hover .button.is-secondary-outline .whitespace-nowrap:after, .share.is-popover:hover .button.is-secondary-outline:after, .share.is-popover:focus .button.is-secondary-outline .whitespace-nowrap:after, .share.is-popover:focus .button.is-secondary-outline:after, .share.is-popover:focus-within .button.is-secondary-outline .whitespace-nowrap:after, .share.is-popover:focus-within .button.is-secondary-outline:after {
  background-color: var(--Color-Primary-Hover);
  left: var(--Spacing-02);
}
.share.is-popover:hover .button.is-secondary-outline .icon, .share.is-popover:focus .button.is-secondary-outline .icon, .share.is-popover:focus-within .button.is-secondary-outline .icon {
  transform: scale(1.2);
}
.share.is-popover:hover .button.is-text, .share.is-popover:focus .button.is-text, .share.is-popover:focus-within .button.is-text {
  text-decoration: underline;
  text-underline-offset: 3px;
  border-color: var(--Color-Text-Hover);
  color: var(--Color-Text-Hover);
}
.share.is-popover:hover .button.is-text .whitespace-nowrap:after, .share.is-popover:hover .button.is-text:after, .share.is-popover:focus .button.is-text .whitespace-nowrap:after, .share.is-popover:focus .button.is-text:after, .share.is-popover:focus-within .button.is-text .whitespace-nowrap:after, .share.is-popover:focus-within .button.is-text:after {
  background-color: var(--Color-Primary-Hover);
  left: var(--Spacing-02);
}
.share.is-popover:hover .button.is-text .icon, .share.is-popover:focus .button.is-text .icon, .share.is-popover:focus-within .button.is-text .icon {
  transform: scale(1.2);
}
.share.is-popover:hover .share--content, .share.is-popover:focus .share--content, .share.is-popover:focus-within .share--content {
  visibility: visible;
  opacity: 1;
}
.share-link {
  color: var(--Color-Text);
  outline-offset: 3px;
}
.share-link:hover, .share-link:focus {
  color: var(--Color-Primary);
}
.share-link .icon {
  width: var(--Spacing-07);
  height: var(--Spacing-07);
  transition: var(--Transition-Base);
  float: left;
}
.share-link__text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.share .button.is-text {
  text-transform: none;
}

/*# sourceMappingURL=share.css.map */