footer {
  position: fixed;
  left: 14px;
  bottom: calc(var(--peek-height) + 10px);
  z-index: 12;
  display: flex;
  align-items: center;
  gap: 16px;
  pointer-events: none;
  transition: bottom 320ms cubic-bezier(.2, .8, .2, 1);
}

.sheet.expanded ~ footer {
  bottom: calc(var(--sheet-max-height) + 10px);
}

footer .web-title h1 {
  font-size: var(--text-lg);
  color: var(--ink);
}

footer .web-title p {
  font-size: var(--text-xs);
  color: var(--ink-soft);
}

footer .credits {
  display: none;
}