.stratechery-footnote-tooltip-wrapper {
  display: inline-block;
  position: relative;
}

.stratechery-footnote-button {
  background-color: var(--wp--preset--color--contrast-3);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle r='2' cx='6' cy='12' fill='%23fff'%3E%3C/circle%3E%3Ccircle r='2' cx='12' cy='12' fill='%23fff'%3E%3C/circle%3E%3Ccircle r='2' cx='18' cy='12' fill='%23fff'%3E%3C/circle%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  border: 1px solid var(--wp--preset--color--contrast-3);
  border-radius: 0.25rem;
  cursor: pointer;
  height: 1em;
  margin-block-start: -0.2em;
  transition: background-color 0.25s ease;
  vertical-align: middle;
  width: 2rem;
}
.stratechery-footnote-button:hover {
  background-color: var(--wp--preset--color--contrast-2);
}
.stratechery-footnote-tooltip-wrapper.is-active .stratechery-footnote-button {
  background-color: var(--wp--preset--color--contrast);
}

.stratechery-footnote-tooltip {
  display: none;
  position: absolute;
  left: 50%;
  top: calc(100% + 0.5rem);
  transform: translateX(var(--tooltipLeft, -50%));
  z-index: 10;
}
.stratechery-footnote-tooltip .stratechery-footnote-tooltip-content-wrapper {
  background-color: var(--wp--preset--color--base);
  border: 1px solid var(--wp--preset--color--accent);
  border-radius: 0.75rem;
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  max-width: min(22rem, 90vw);
  opacity: 0;
  position: relative;
  transform: scale(0);
  transform-origin: calc(-1 * var(--tooltipLeft, -50%)) 0;
  transition: all 0.25s ease;
  width: max-content;
}
.stratechery-footnote-tooltip .stratechery-footnote-tooltip-content-wrapper::before {
  background-color: var(--wp--preset--color--base);
  border: 1px solid var(--wp--preset--color--accent);
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.3);
  content: "";
  display: block;
  height: 1rem;
  left: calc(-1 * var(--tooltipLeft, -50%));
  position: absolute;
  top: 0;
  transform: translate(-50%, -50%) rotate(45deg);
  width: 1rem;
}
.stratechery-footnote-tooltip .stratechery-footnote-tooltip-content {
  background-color: var(--wp--preset--color--base);
  border-radius: 0.75rem;
  padding: 1.25rem;
  position: relative;
}
.stratechery-footnote-tooltip .stratechery-footnote-tooltip-content > *:first-child {
  margin-block-start: 0;
}
.stratechery-footnote-tooltip .stratechery-footnote-tooltip-content > *:last-child {
  margin-block-end: 0;
}
.stratechery-footnote-tooltip-wrapper.is-active .stratechery-footnote-tooltip {
  display: block;
}
.stratechery-footnote-tooltip-wrapper.is-active .stratechery-footnote-tooltip .stratechery-footnote-tooltip-content-wrapper {
  animation: footnoteFadeIn 0.25s ease forwards;
}
.stratechery-footnote-tooltip-wrapper.is-deactivating .stratechery-footnote-tooltip {
  display: block;
}
.stratechery-footnote-tooltip-wrapper.is-deactivating .stratechery-footnote-tooltip .stratechery-footnote-tooltip-content-wrapper {
  animation: footnoteFadeOut 0.25s ease forwards;
}

@keyframes footnoteFadeIn {
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes footnoteFadeOut {
  from {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(0);
  }
}
/*# sourceMappingURL=footnotes.css.map */