.search-container{position:relative;align-self:center;flex:1}.search-input{width:100%;padding-inline:var(--space-md);padding-inline-start:2em;font-size:var(--fs-input);text-overflow:ellipsis}.search-input::placeholder{font-size:var(--fs-sm);color:hsl(var(--clr-off-white) / .7)}.search-container svg{position:absolute;top:50%;inset-inline-start:.4em;transform:translateY(-50%);height:auto;width:1em;color:var(--text-on-dark);pointer-events:none}.search-container__clear{position:absolute;top:50%;inset-inline-end:.4em;transform:translateY(-50%);cursor:pointer;color:var(--text-on-dark);background:none;border:none;padding:0;opacity:0;pointer-events:none;transition:opacity var(--transition-fast)}.search-container__clear svg{position:static;transform:none;pointer-events:auto}.search-container[data-has-value] .search-container__clear{opacity:.7;pointer-events:auto}.search-container__clear:hover{opacity:1}.search-container .htmx-indicator{position:absolute;top:var(--space-md);inset-inline-end:var(--space-md)}.search-results{position:absolute;display:flex;flex-direction:column;top:calc(100% + var(--space-xs));inset-inline:0;z-index:1000;width:fit-content;min-width:90%;max-height:80vh;margin-inline:auto;padding:var(--space-md);background-color:var(--bg-modal);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid var(--border-muted);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);opacity:1;visibility:visible;transform:translateY(0);transition:opacity .3s ease,transform .3s ease,visibility .3s}.search-results[data-state=hidden],.search-results.hidden{opacity:0;visibility:hidden;transform:translateY(-10px)}.search-results__content{padding:4px}.search-results__header{padding:var(--space-xs) var(--space-sm);font-size:var(--fs-sm);color:var(--text-on-dark);opacity:.8}.search-results__empty{padding:var(--space-lg) var(--space-xl);text-align:center;color:var(--text-on-dark);font-size:var(--fs-md)}@media(max-width:768px){.search-container{margin-inline-start:0;max-width:100%}.search-input{padding-inline-end:var(--space-xs)}.search-input::placeholder{font-size:var(--fs-xs)}.search-results{max-height:min(70vh,500px)}}