.search-style.svelte-1002zyw{background-color:#0f08299c;border-color:#61559696;position:relative;&::placeholder{color:#9b91c6;font-size:1rem;opacity:.7}}@media(min-width:768px){.search-style.svelte-1002zyw{background-color:#0f08299c;border-color:#61559696;position:relative;&::placeholder{color:#9b91c6;font-size:1.2rem;opacity:.7}}}.preview-dropdown.svelte-1002zyw{position:absolute;top:100%;left:0;right:0;z-index:50;margin-top:.5rem;background:#0f0829f7;border:1px solid rgba(155,145,198,.2);border-radius:1rem;box-shadow:0 12px 40px #00000080;max-height:420px;overflow-y:auto;padding:.5rem 0;animation:svelte-1002zyw-dropdownFadeIn .15s ease-out}.preview-item.svelte-1002zyw{padding:.65rem 1rem;margin:0 .5rem;border-radius:.75rem;cursor:pointer;transition:background .15s;&:hover{background:#9b91c61f}}.preview-name.svelte-1002zyw{display:block;color:#fff;font-size:.95rem;font-weight:500;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.preview-meta.svelte-1002zyw{display:block;color:#9b91c6;font-size:.8rem;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.preview-rating.svelte-1002zyw{color:#fbbf24;font-size:.8rem;font-weight:600;white-space:nowrap}.view-all.svelte-1002zyw{padding:.75rem 1rem;margin-top:.25rem;text-align:center;color:#9b91c6;font-size:.85rem;cursor:pointer;border-top:1px solid rgba(155,145,198,.1);transition:color .15s;&:hover{color:#fff}}.no-results.svelte-1002zyw{padding:.75rem 1rem;color:#9b91c6;font-size:.85rem;text-align:center;opacity:.7}.loading-spinner.svelte-1002zyw{display:inline-block;width:18px;height:18px;border:2px solid rgba(155,145,198,.3);border-top-color:#9b91c6;border-radius:50%;animation:svelte-1002zyw-spin .6s linear infinite}@keyframes svelte-1002zyw-dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes svelte-1002zyw-spin{to{transform:rotate(360deg)}}.search-bar.svelte-4cijiw{width:100%;max-width:800px}@media(max-width:767px){.search-bar.svelte-4cijiw{margin:0 1rem;width:calc(100% - 2rem)}}.filter-container.svelte-4cijiw{padding:0;overflow:hidden;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}@media(min-width:768px){.filter-container.svelte-4cijiw{width:100%;max-width:800px;margin-left:0;margin-right:0;padding:0 1rem}}