/* Original littlefoot CSS with modifications for inline/block footnotes */

.littlefoot {
  position: relative;
}

.littlefoot__button {
  color: rgba(var(--color-text-rgb), 0.35);
  cursor: pointer;
  display: inline;
  margin: 0 3px 0 6px;
  padding: 0;
  text-decoration: none;
  transition: color 0.2s ease;
}

.littlefoot__button.is-active,
.littlefoot__button:active,
.littlefoot__button:focus,
.littlefoot__button:hover {
  color: rgba(var(--color-text-rgb), 1.0);
}

/* New styles for inline footnotes */
.littlefoot__inline {
  display: inline;
  padding: 0.1rem 0.5rem;
  margin: 0 0.3rem;
  -webkit-animation: 0.6s highlight 0.1s 1 normal forwards;
  animation: 0.6s highlight 0.1s 1 normal forwards;
  background-color: none;
  background: linear-gradient(90deg, rgba(231, 240, 255, 0.8) 50%, rgba(var(--color-text-rgb), 0) 50%);
  color: #2663BB;
  background-size: 200% 100%;
  background-position: 100% 0;
}

@-webkit-keyframes highlight {
  to {
    background-position: 0 0;
  }
}

@keyframes highlight {
  to {
    background-position: 0 0;
  }
}

/* New styles for block footnotes */
.littlefoot__block {
  display: block;
  -webkit-animation: 0.6s highlight 0.1s 1 normal forwards;
  animation: 0.6s highlight 0.1s 1 normal forwards;
  background-color: none;
  background: linear-gradient(180deg, rgba(231, 240, 255, 0.5) 50%, rgba(255, 255, 255, 0) 50%);
  color: #2663BB;
  background-size: 100% 200%;
  background-position: 0 100%;
  padding: 0.4rem 2.0rem 0.8rem 2.4rem;
  margin: 0.8rem 0rem 0.8rem 0rem;
}

[data-theme="dark"] {
  .littlefoot__button {
    color: rgba(var(--color-text-rgb), 0.5);

  }

  .littlefoot__button.is-active,
  .littlefoot__button:active,
  .littlefoot__button:focus,
  .littlefoot__button:hover {
    color: rgba(var(--color-text-rgb), 1.0);
  }

  .littlefoot__inline {
    background: linear-gradient(90deg, rgba(var(--color-text-rgb), 0.15) 50%, rgba(var(--color-text-rgb), 0) 50%);
    color: rgba(var(--color-text-rgb), 1);
    background-size: 200% 100%;
    background-position: 100% 0;
  }

  .littlefoot__block {
    background: linear-gradient(180deg, rgba(var(--color-text-rgb), 0.08) 50%, rgba(var(--color-text-rgb), 0) 50%);
    color: rgba(var(--color-text-rgb), 1);
    background-size: 100% 200%;
    background-position: 0 100%;
  }
}

/* Preserve formatting within footnotes */

.littlefoot__inline p {
  display: inline;
}

.littlefoot__block p,
.littlefoot__block ul,
.littlefoot__block ol,
.littlefoot__block blockquote {
  margin: 0.5em 0;
}

.littlefoot__inline a,
.littlefoot__block a {
  color: inherit;
  text-decoration: underline;
}

@media not print {
  .littlefoot--print {
    display: none
  }
}

@media print {

  .littlefoot__button,
  .littlefoot__inline,
  .littlefoot__block {
    display: none
  }
}