@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('/fonts/superus-inter-latin.woff2') format('woff2');
}
html,
body {
  background: transparent;
}
.app {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  background: transparent;
}
.peek {
  top: 8px;
  bottom: 8px;
  width: calc(100% - 16px);
  max-width: none;
}
.peek-head,
.peek-foot {
  min-width: 0;
}
.peek-url-text {
  min-width: 0;
}
.peek-from {
  flex: 1;
}
.peek-src {
  padding-inline: 2px;
}
.specimen-canvas {
  position: absolute;
  inset: 8px 0 8px 16px;
  background: var(--surface-sunken);
  border-radius: var(--r-lg);
}
#reopen {
  margin: 12px;
}
.specimen-card {
  position: absolute;
  inset: 56px 16px 16px;
  width: auto;
  height: auto;
}
.specimen-card .card-head {
  cursor: default;
}
.source-capture {
  margin: 0;
  background: #fff;
  color: #555;
}
.source-capture img {
  display: block;
  width: 100%;
  height: auto;
}
.source-capture figcaption {
  padding: 10px 12px;
  font:
    10px/1.5 Inter,
    sans-serif;
}
@media (max-width: 360px) {
  .peek-head {
    height: auto;
    min-height: 96px;
    flex-wrap: wrap;
    gap: 0;
    padding: 6px 8px;
  }
  .peek-url {
    flex: 1 1 100%;
    height: 44px;
  }
  .peek-actions {
    margin-left: auto;
  }
  .peek-head .icon-btn {
    min-width: 44px;
    min-height: 44px;
  }
  .peek-foot {
    flex-wrap: wrap;
    padding: 6px 10px;
  }
  .peek-pin-btn {
    margin-left: auto;
    height: 44px;
  }
  .peek-src {
    height: 44px;
  }
  .pg {
    overflow-wrap: anywhere;
  }
  .wiki .wiki-top,
  .wiki-tabs {
    flex-wrap: wrap;
    gap: 8px;
  }
  .wiki-cols {
    flex-direction: column;
  }
  .wiki-box {
    width: 100%;
  }
  .wiki-title-row {
    flex-wrap: wrap;
  }
  .ca-sig {
    flex-wrap: wrap;
  }
  .ca-search {
    width: 100%;
  }
  .ca-search input {
    flex: 1;
    min-width: 0;
    width: auto;
  }
}
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}