Something went wrong. Try again.
atproto Thingiverse but good
Something went wrong. Try again.
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182/* Search route styles. The /publish route is a real wizard now and owns publish.css; this file remains for the small route surface that replaced the old placeholder. */
.search-page { flex: 1; min-height: 0; width: 100%; max-width: 1180px; margin: 0 auto; padding: clamp(0.75rem, 2vw, 1.75rem) clamp(1rem, 3vw, 2.5rem); display: grid; grid-template-columns: minmax(10rem, 14rem) minmax(0, 1fr); align-items: start; gap: 1rem;}
.search-intro { display: flex; flex-direction: column; gap: 0.5rem; padding: 1rem;}
.search-intro h1 { margin: 0; color: var(--color-emphasis); letter-spacing: -0.03em; font-size: 1.75rem; line-height: 1;}
.search-query { margin: 0; color: var(--color-subtle); font-family: var(--font-mono); font-size: 0.85rem; overflow-wrap: anywhere;}
.search-content { min-width: 0; display: flex; flex-direction: column; gap: 1rem;}
.search-results-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; scroll-margin-top: 1rem;}
.search-state-card,.search-load-more-error { max-width: 44rem;}
.search-pagination { display: flex; align-items: center; gap: 0.75rem; padding-block: 0.25rem;}
.search-pagination-loading { flex-direction: column; align-items: flex-start; max-width: 20rem;}
@media (max-width: 820px) { .search-page { grid-template-columns: 1fr; }
.search-results-grid { grid-template-columns: 1fr; }}