.search-bar.svelte-yyldap{display:flex;align-items:center;gap:.5rem}.search-bar-full.svelte-yyldap{width:100%}.search-input-wrapper.svelte-yyldap{position:relative;flex:1;display:flex;align-items:center}.search-icon.svelte-yyldap{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--muted-text);pointer-events:none;z-index:1}.search-input.svelte-yyldap{width:100%;border:1px solid var(--border-color);border-radius:0;background:var(--tertiary-bg);color:var(--primary-text);font-size:.75rem;font-family:Source Code Pro,monospace;transition:border-color .15s}.search-input.svelte-yyldap:focus{outline:none;border-color:var(--primary-accent)}.search-input.svelte-yyldap:disabled{opacity:.6;cursor:not-allowed}.clear-button.svelte-yyldap{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--muted-text);cursor:pointer;padding:.25rem;border-radius:0;transition:color .15s;display:flex;align-items:center;justify-content:center}.clear-button.svelte-yyldap:hover{color:var(--primary-text)}.clear-button.svelte-yyldap:disabled{opacity:.5;cursor:not-allowed}.search-button.svelte-yyldap{flex-shrink:0}.search-bar-sm.svelte-yyldap .search-input:where(.svelte-yyldap){padding:.4rem .5rem .4rem 2rem;font-size:.7rem}.search-bar-sm.svelte-yyldap .search-icon:where(.svelte-yyldap){left:.5rem;width:14px;height:14px}.search-bar-sm.svelte-yyldap .clear-button:where(.svelte-yyldap){right:.25rem;padding:.125rem}.search-bar-sm.svelte-yyldap .clear-button:where(.svelte-yyldap) svg:where(.svelte-yyldap){width:12px;height:12px}.search-bar-md.svelte-yyldap .search-input:where(.svelte-yyldap){padding:.5rem .75rem .5rem 2.25rem;font-size:.75rem}.search-bar-lg.svelte-yyldap .search-input:where(.svelte-yyldap){padding:.75rem 1rem .75rem 2.5rem;font-size:.85rem}.search-bar-lg.svelte-yyldap .search-icon:where(.svelte-yyldap){left:.75rem;width:16px;height:16px}.search-bar-lg.svelte-yyldap .clear-button:where(.svelte-yyldap){right:.5rem;padding:.25rem}.search-bar-lg.svelte-yyldap .clear-button:where(.svelte-yyldap) svg:where(.svelte-yyldap){width:14px;height:14px}.search-bar-outlined.svelte-yyldap .search-input:where(.svelte-yyldap){border:1px solid var(--border-color)}.search-bar-outlined.svelte-yyldap .search-input:where(.svelte-yyldap):focus{border-color:var(--primary-accent)}.search-bar-filled.svelte-yyldap .search-input:where(.svelte-yyldap){background:var(--tertiary-bg);border-color:transparent}.search-bar-filled.svelte-yyldap .search-input:where(.svelte-yyldap):focus{border-color:var(--primary-accent)}.search-bar-minimal.svelte-yyldap .search-input:where(.svelte-yyldap){border:none;border-bottom:1px solid var(--border-color);border-radius:0;background:transparent;padding-left:2rem}.search-bar-minimal.svelte-yyldap .search-input:where(.svelte-yyldap):focus{border-bottom-color:var(--primary-accent);box-shadow:none}.search-bar-minimal.svelte-yyldap .search-icon:where(.svelte-yyldap){left:0}.search-bar-minimal.svelte-yyldap .clear-button:where(.svelte-yyldap){right:0}@media(max-width:768px){.search-bar.svelte-yyldap{flex-direction:column;align-items:stretch}.search-button.svelte-yyldap{width:100%}}