.search-bar.svelte-c2kcm7{margin-bottom:var(--space-8)}.show-border.svelte-c2kcm7{padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border-light)}.search-input-wrapper.svelte-c2kcm7{position:relative;max-width:100%}.search-icon.svelte-c2kcm7{position:absolute;left:var(--space-5);top:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem;color:var(--color-text-disabled);pointer-events:none}.search-input.svelte-c2kcm7{width:100%;padding:var(--space-4) var(--space-12) var(--space-4) 3.25rem;border:2px solid var(--color-border-light);border-radius:var(--radius-lg);background:var(--color-bg-primary);font-size:var(--text-base);color:var(--color-text-primary);transition:all var(--transition-base);outline:none}.search-input.svelte-c2kcm7::placeholder{color:var(--color-text-disabled)}.search-input.svelte-c2kcm7:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #10b9811a}.clear-button.svelte-c2kcm7{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-full);background:transparent;color:var(--color-text-disabled);cursor:pointer;transition:all var(--transition-base)}.clear-button.svelte-c2kcm7:hover{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.clear-button.svelte-c2kcm7 svg:where(.svelte-c2kcm7){width:1.125rem;height:1.125rem}@media (max-width: 768px){.search-bar.svelte-c2kcm7{margin-bottom:var(--space-6)}.search-input.svelte-c2kcm7{padding:var(--space-3) 2.75rem var(--space-3) 3rem;font-size:var(--text-base)}}@media (max-width: 640px){.search-bar.svelte-c2kcm7{margin-bottom:var(--space-5)}.show-border.svelte-c2kcm7{padding-bottom:var(--space-4)}.search-input.svelte-c2kcm7{padding:var(--space-3) 2.5rem var(--space-3) 2.75rem;font-size:var(--text-sm);border-radius:var(--radius-md)}.search-icon.svelte-c2kcm7{left:var(--space-4);width:1.125rem;height:1.125rem}.clear-button.svelte-c2kcm7{right:var(--space-2);width:1.75rem;height:1.75rem}.clear-button.svelte-c2kcm7 svg:where(.svelte-c2kcm7){width:1rem;height:1rem}}