.DocSearch-Button { border-radius: var(--border-radius); border: 1px solid var(--surface-border); width: 14rem; margin: 0; transition: border-color .3s; height: 3rem; padding: 0 .75rem; font-family: var(--font-family); &:hover { border-color: var(--primary-color); box-shadow: none; } .DocSearch-Search-Icon { width: 1.25rem; height: 1.25rem; } .DocSearch-Button-Keys { background: transparent; border-radius: var(--border-radius); overflow: hidden; min-width: auto; height: 1.5rem; .DocSearch-Button-Key { padding: 0; margin: 0; top: 0; border-radius: 0; height: auto; font-family: var(--font-family); width: 1.25rem; &:first-child { justify-content: end; } &:last-child { justify-content: start; padding-left: 2px; } } } } .DocSearch-Container { z-index: 1101; } .DocSearch-Modal { border: 1px solid var(--surface-border); box-shadow: none; } .DocSearch-Footer { box-shadow: none; border-top: 1px solid var(--surface-border); background-color: var(--surface-overlay); } .DocSearch-Form { background: var(--surface-card); box-shadow: none; border: 1px solid var(--surface-border); border-radius: var(--border-radius); transition: border-color .3s; &:hover { border-color: var(--primary-color); } .DocSearch-MagnifierLabel, .DocSearch-Reset { color: var(--text-color); } } .DocSearch-Hit { border-bottom: 1px solid var(--surface-border); padding-bottom: 0; margin-bottom: .25rem; } .DocSearch-Hit-source { color: var(--primary-color); } .DocSearch-Logo .cls-1, .DocSearch-Logo .cls-2 { fill: var(--primary-color); } .DocSearch-Prefill { color: var(--primary-color); } :root { --docsearch-searchbox-focus-background: var(--surface-card); --docsearch-text-color: var(--text-color); --docsearch-muted-color: var(--text-color); --docsearch-searchbox-background: var(--surface-card); --docsearch-text-color: var(--text-color); --docsearch-modal-background: var(--surface-overlay); --docsearch-key-gradient: var(--surface-ground); --docsearch-key-shadow: none; --docsearch-container-background: var(--maskbg); --docsearch-hit-background: var(--surface-overlay); --docsearch-hit-shadow: none; --docsearch-spacing: 1rem; --docsearch-hit-color: var(--text-color); --docsearch-highlight-color: var(--primary-color); --docsearch-hit-active-color: var(--primary-color-text); }