.face--danceable {
  display: inline-block;
  text-align: center;
  vertical-align: baseline;
}

.page-link,
.title-trigger {
  filter: none;
  opacity: 1;
}

.page-link:hover,
.page-link:focus-visible,
.title-trigger:hover,
.title-trigger:focus-visible,
.title-trigger[aria-expanded="true"] {
  filter: blur(var(--soft-blur)) url("#soft-grain");
  opacity: 0.78;
}

.wip-trigger {
  border: 0;
  background: transparent;
  cursor: help;
}

.home-popup {
  --home-popup-image-size: 6rem;
  --home-popup-gap: 0.5rem;
  --home-popup-padding: 0.75rem;
  position: fixed;
  inset: 0;
  z-index: 2;
  display: grid;
  padding: var(--page-padding);
  place-items: center;
  pointer-events: none;
}

.home-popup[hidden] {
  display: none;
}

@media (hover: none), (pointer: coarse) {
  .home-popup:not([hidden]) {
    pointer-events: auto;
  }
}

.home-popup-panel {
  position: relative;
  width: max-content;
  min-width: max-content;
  padding: var(--home-popup-padding);
  border: var(--note-border-width) dotted var(--note-color);
  border-radius: var(--note-border-radius);
  background: #ffffff;
}

.home-popup-panel--with-image img {
  position: absolute;
  right: var(--home-popup-padding);
  bottom: var(--home-popup-padding);
  width: var(--home-popup-image-size);
  display: block;
}

.home-popup-panel--with-image .home-popup-copy {
  padding-right: calc(var(--home-popup-image-size) + var(--home-popup-gap));
}

.home-popup-copy {
  white-space: pre;
}

.home-popup-title,
.home-popup-content {
  margin: 0;
  font-family: Inconsolata, ui-monospace, monospace;
}

.home-popup-title {
  margin-bottom: 0.5rem;
  color: var(--note-color);
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: -0.025em;
}

.home-popup-content {
  max-width: none;
  color: var(--note-text-color);
  font-size: 0.8rem;
  line-height: 1.4;
  overflow-wrap: anywhere;
  white-space: inherit;
}

@media (max-width: 30rem) {
  .home-popup-panel {
    max-width: calc(100vw - (var(--page-padding) * 2));
    min-width: 0;
  }

  .home-popup-copy {
    overflow-x: auto;
  }
}