.search.svelte-yyldap{width:100%;max-width:32rem;position:relative}@media (width>=768px){.search.svelte-yyldap{max-width:46rem}}.search-icon.svelte-yyldap{left:var(--space-4);color:var(--color-neutral-300);pointer-events:none;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.clear-btn.svelte-yyldap{right:calc(var(--space-3) + 2rem);background:var(--color-neutral-200);border-radius:var(--radius-full);width:1.5rem;height:1.5rem;color:var(--color-neutral-500);cursor:pointer;transition:background var(--duration-fast) var(--ease-out);border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.clear-btn.svelte-yyldap:hover{background:var(--color-neutral-300)}.submit-btn.svelte-yyldap{right:var(--space-3);width:1.5rem;height:1.5rem;color:var(--color-neutral-400);cursor:pointer;transition:color var(--duration-fast) var(--ease-out);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.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);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);outline:none}.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}