.search.svelte-yyldap{position:relative;width:100%;max-width:32rem}@media(min-width:768px){.search.svelte-yyldap{max-width:46rem}}.search-icon.svelte-yyldap{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);color:var(--color-neutral-300);pointer-events:none;display:flex}.clear-btn.svelte-yyldap{position:absolute;right:calc(var(--space-3) + 2rem);top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;border:none;background:var(--color-neutral-200);border-radius:var(--radius-full);color:var(--color-neutral-500);cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.clear-btn.svelte-yyldap:hover{background:var(--color-neutral-300)}.submit-btn.svelte-yyldap{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;border:none;background:none;color:var(--color-neutral-400);cursor:pointer;transition:color var(--duration-fast) var(--ease-out)}.submit-btn.svelte-yyldap:hover{color:var(--color-primary)}.search-input.svelte-yyldap{width:100%;padding:var(--space-3) calc(var(--space-3) + 4rem) var(--space-3) calc(var(--space-4) + 1.75rem);font-family:var(--font-body);font-size:max(var(--text-base),16px);color:var(--color-neutral-900);background:var(--color-white);border:1.5px solid var(--color-neutral-300);border-radius:var(--radius-full);outline:none;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.search-input.svelte-yyldap::placeholder{color:var(--color-neutral-400)}.search-input.svelte-yyldap:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff6b4a26}.search-input.svelte-yyldap::-webkit-search-cancel-button{-webkit-appearance:none}