.site-search-panel { padding-block: .75rem; color: var(--dfm-header-text); background: var(--dfm-header); border-top: 1px solid color-mix(in srgb, var(--dfm-header-text) 24%, transparent); }
.site-search-panel[hidden] { display: none; }
.site-search-panel__inner { display: flex; align-items: center; gap: .5rem; }
.site-search-form { display: flex; min-width: 0; flex: 1; gap: .5rem; }
.site-search-form input { min-width: 0; min-height: 2.75rem; flex: 1; padding: .45rem .75rem; border: 1px solid var(--dfm-line); border-radius: .2rem; color: var(--dfm-field-text); background: var(--dfm-field); }
.site-search-form button, .search-close { display: inline-flex; min-height: 2.75rem; align-items: center; justify-content: center; padding-inline: .9rem; border: 1px solid var(--dfm-header-text); border-radius: .2rem; color: var(--dfm-header-text); background: transparent; }
.search-close { width: 2.75rem; padding: 0; }
.search-close .material-symbols-outlined { font-size: 1.5rem; }