/* The Photo credits page (credits.html, js/credits.js), inside the legal pages' white card (css/settings.css). */
.cr-search { width: 100%; margin: 14px 0 10px; padding: 10px 16px; border: 0; border-radius: 999px; background: #efedfd; color: #150e5e; font: inherit; }
.cr-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 6px; }
.cr-chip { padding: 5px 12px; border: 0; border-radius: 999px; background: #efedfd; color: #21167c; font-family: inherit; font-size: 13px; font-weight: 700; line-height: 1.2; cursor: pointer; }
.cr-chip[aria-pressed="true"] { background: #fff; box-shadow: inset 0 0 0 2px #4b33c9; }
.cr-list { margin: 0; padding: 0; list-style: none; }
.cr-list li { display: grid; grid-template-columns: 40px minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 10px 0; border-top: 1px solid #ecebf6; font-size: 14px; line-height: 1.35; }
.cr-list li[hidden] { display: none; }
.cr-list img { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; object-position: top; background: #efedfd; }
.cr-list li > span:not(.cr-src) > a { color: #150e5e; font-weight: 700; text-decoration: none; }
.cr-list li > span:not(.cr-src) > a:hover { text-decoration: underline; }
.cr-list small { display: block; color: #6b6890; font-size: 12px; }
.cr-src { max-width: 46ch; color: #4a4670; font-size: 13px; text-align: right; overflow-wrap: anywhere; }
.cr-src a { color: #4232d4; }
.cr-none { color: #6b6890; }
@media (max-width: 560px) {
  .cr-list li { grid-template-columns: 40px minmax(0, 1fr); }
  .cr-src { grid-column: 2; max-width: none; text-align: left; }
}