.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}layout-main{}layout-main main>#search-container{width:100%;max-width:720px;margin:0 auto;padding:1rem 0}layout-main main .search-input-wrapper{display:flex;align-items:center;margin-bottom:1rem}layout-main main #search-input{display:block;box-sizing:border-box;width:100%;padding:.75rem 1rem;border:2px solid var(--draw-color-surface);border-radius:6px;font-family:inherit;font-size:1.125rem;color:var(--text-color-primary);background-color:var(--background-color-surface);outline:none;transition:border-color 250ms}layout-main main #search-input::placeholder{color:var(--text-color-secondary);opacity:.6}layout-main main #search-input:focus{border-color:var(--draw-color-primary)}layout-main main .search-status{font-size:.875rem;color:var(--text-color-secondary);min-height:1.5rem;margin-bottom:1rem}layout-main main .search-results{display:flex;flex-flow:column nowrap;gap:1rem}layout-main main .search-result{display:flex;flex-flow:column nowrap;padding:1rem 1.25rem;border:1px solid var(--draw-color-surface);border-left:4px solid var(--draw-color-primary);border-radius:6px;background-color:var(--background-color-surface);transition:border-color 250ms,box-shadow 250ms}layout-main main .search-result:hover{border-color:var(--draw-color-primary);box-shadow:0 4px 12px rgba(0,0,0,.1)}layout-main main .search-result-title{font-size:1.25rem;font-weight:500;color:var(--text-color-primary);text-decoration:none;transition:color 250ms}layout-main main .search-result-title:hover{color:var(--draw-color-primary)}layout-main main .search-result-section{display:inline-block;align-self:flex-start;margin-top:.375rem;padding:.125rem .5rem;border-radius:3px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;background-color:var(--draw-color-primary);color:var(--background-color-surface);opacity:.85}layout-main main .search-result-description{font-size:.9375rem;line-height:1.6;color:var(--text-color-secondary);margin:.5rem 0 .375rem}layout-main main .search-result-url{font-size:.8125rem;color:var(--text-color-secondary);opacity:.6}:root[data-theme=dark] layout-main main .search-result{box-shadow:0 2px 8px rgba(0,0,0,.4)}:root[data-theme=dark] layout-main main .search-result:hover{box-shadow:0 8px 24px rgba(0,0,0,.6)}@media(prefers-reduced-motion:reduce){layout-main main #search-input,layout-main main .search-result,layout-main main .search-result-title{transition:none}}