footer{width:100%;max-width:32rem;display:flex;flex-direction:column;align-items:center;& ul { list-style: none; } & li { display: inline-block; margin-right: 1.5rem; margin-bottom: 1rem; } & #ai-disclaimer { margin-bottom: 20px; } & aside#search { margin-bottom: 2.5rem; display: flex; flex-direction: column; max-width: 28rem; width: 100%; & #search-input { display: flex; align-items: center; width: 100%; padding: 0.5rem; border-radius: 0.75rem; border: 2px solid #64748b; @media (min-width: 768px) { width: 24rem; } @media (prefers-color-scheme: dark) { border-color: #f1f5f9; } & svg { width: 1.5rem; height: 1.5rem; margin-right: 0.5rem; color: black; @media (prefers-color-scheme: dark) { color: white; } } & input { color: #1e293b; width: 100%; background: none; border: none; @media (prefers-color-scheme: dark) { color: #e2e8f0; } &::-moz-placeholder { color: black; @media (prefers-color-scheme: dark) { color: white; } } &::placeholder { color: black; @media (prefers-color-scheme: dark) { color: white; } } &:focus { outline: none; } &::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; display: none; } } } & #search-results p { font-size: 1rem; margin-bottom: 0.5rem; } }}