.search-box.svelte-9t6x80{max-width:400px;position:relative;width:100%}.search-input-container.svelte-9t6x80{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:25px;display:flex;overflow:hidden;position:relative;transition:all .2s ease}.search-box.is-focused.svelte-9t6x80 .search-input-container:where(.svelte-9t6x80){border-color:#3273dc;box-shadow:0 0 0 3px #3273dc1a}.search-box.has-value.svelte-9t6x80 .search-input-container:where(.svelte-9t6x80){border-color:#48c78e}.search-icon.svelte-9t6x80{align-items:center;color:#7a7a7a;display:flex;font-size:.875rem;justify-content:center;padding:0 1rem}.search-input.svelte-9t6x80{background:transparent;border:none;color:#363636;flex:1;font-size:1rem;outline:none;padding:.75rem 0}.search-input.svelte-9t6x80::-moz-placeholder{color:#b5b5b5}.search-input.svelte-9t6x80::placeholder{color:#b5b5b5}.clear-button.svelte-9t6x80{align-items:center;background:transparent;border:none;color:#7a7a7a;cursor:pointer;display:flex;justify-content:center;padding:0 1rem;transition:color .2s ease}.clear-button.svelte-9t6x80:hover{color:#ff3860}.search-box.is-small.svelte-9t6x80 .search-input-container:where(.svelte-9t6x80){border-radius:20px}.search-box.is-small.svelte-9t6x80 .search-icon:where(.svelte-9t6x80){font-size:.75rem;padding:0 .75rem}.search-box.is-small.svelte-9t6x80 .search-input:where(.svelte-9t6x80){font-size:.875rem;padding:.5rem 0}.search-box.is-small.svelte-9t6x80 .clear-button:where(.svelte-9t6x80){padding:0 .75rem}.search-box.is-large.svelte-9t6x80 .search-input-container:where(.svelte-9t6x80){border-radius:30px}.search-box.is-large.svelte-9t6x80 .search-icon:where(.svelte-9t6x80){font-size:1rem;padding:0 1.25rem}.search-box.is-large.svelte-9t6x80 .search-input:where(.svelte-9t6x80){font-size:1.125rem;padding:1rem 0}.search-box.is-large.svelte-9t6x80 .clear-button:where(.svelte-9t6x80){padding:0 1.25rem}.search-input.svelte-9t6x80:disabled{background:#f5f5f5;color:#b5b5b5;cursor:not-allowed}.search-box.svelte-9t6x80:has(.search-input:disabled) .search-input-container:where(.svelte-9t6x80){background:#f5f5f5;border-color:#dbdbdb}@media (max-width:768px){.search-box.svelte-9t6x80{max-width:100%}.search-input.svelte-9t6x80{font-size:16px}}.search-input-container.svelte-9t6x80:focus-within{border-color:#3273dc;box-shadow:0 0 0 3px #3273dc1a}.clear-button.svelte-9t6x80{animation:svelte-9t6x80-fadeIn .2s ease-in-out}@keyframes svelte-9t6x80-fadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}