.footnotes__dialog {
  background: #201C40;
  background: var(--color-deep-purple);
  border: none;
  color: #FFF;
  color: var(--color-white);
  margin: auto;
  padding: 0;
  width: min(32rem, 90vw);
}

.footnotes__dialog::backdrop {
  background: rgba(0, 0, 0, 0.5);
}

.footnotes__dialog-header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: max(1.00rem, min(calc(0.93rem + 0.35vw), 1.25rem)) max(1.50rem, min(calc(1.39rem + 0.52vw), 1.88rem));
  padding: var(--space-s) var(--space-m);
}

.footnotes__dialog-title {
  color: #FFF;
  color: var(--color-white);
  font-size: max(1.20rem, min(calc(1.10rem + 0.50vw), 1.56rem));
  font-size: var(--step-1);
  font-weight: 600;
  font-weight: var(--font-bold);
  margin: 0;
}

.footnotes__dialog-close {
  background: none;
  border: none;
  color: #FFF;
  color: var(--color-white);
  cursor: pointer;
  font-size: 2rem;
  line-height: 1;
  padding: max(0.25rem, min(calc(0.23rem + 0.09vw), 0.31rem));
  padding: var(--space-3xs);
}

.footnotes__dialog-close:hover {
  opacity: 0.8;
}

.footnotes__dialog-body {
  background: #FFF;
  background: var(--color-white);
  border-radius: 2px;
  color: #201C40;
  color: var(--color-deep-purple);
  display: grid;
  gap: max(1.00rem, min(calc(0.93rem + 0.35vw), 1.25rem));
  grid-gap: max(1.00rem, min(calc(0.93rem + 0.35vw), 1.25rem));
  grid-gap: var(--space-s);
  gap: var(--space-s);
  grid-template-columns: auto 1fr;
  margin: 0 max(1.50rem, min(calc(1.39rem + 0.52vw), 1.88rem));
  margin: 0 var(--space-m);
  padding: max(1.00rem, min(calc(0.93rem + 0.35vw), 1.25rem));
  padding: var(--space-s);
}

.footnotes__dialog-citation-number {
  font-weight: 600;
  font-weight: var(--font-bold);
}

.footnotes__dialog-actions {
  display: flex;
  justify-content: flex-end;
  padding: max(1.00rem, min(calc(0.93rem + 0.35vw), 1.25rem)) max(1.50rem, min(calc(1.39rem + 0.52vw), 1.88rem));
  padding: var(--space-s) var(--space-m);
}

.footnotes__dialog-copy {
  align-items: center;
  background: #FFA902;
  background: var(--color-yellow);
  border: none;
  color: #201C40;
  color: var(--color-deep-purple);
  cursor: pointer;
  display: flex;
  font-family: 'Poppins', sans-serif;
  font-family: var(--font-brand);
  font-size: max(0.83rem, min(calc(0.79rem + 0.23vw), 1.00rem));
  font-size: var(--step--1);
  gap: max(0.50rem, min(calc(0.46rem + 0.17vw), 0.63rem));
  gap: var(--space-2xs);
  padding: max(0.75rem, min(calc(0.70rem + 0.26vw), 0.94rem)) max(1.00rem, min(calc(0.93rem + 0.35vw), 1.25rem));
  padding: var(--space-xs) var(--space-s);
}

.footnotes__dialog-copy:hover {
  background: #E79A37;
  background: var(--color-yellow-2);
}

.footnotes__dialog-copy--copied {
  background: #00ad83;
  background: var(--color-green);
  color: #FFF;
  color: var(--color-white);
}