main.svelte-1uha8ag{display:grid;justify-content:center;align-items:center;text-align:center}ul.svelte-1uha8ag{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:5rem 1rem;width:90vw;list-style:none;box-sizing:border-box;padding:var(--spacing-s) var(--spacing-m) var(--spacing-s) var(--spacing-m)}@media (min-width: 600px){ul.svelte-1uha8ag{padding:var(--spacing-s) var(--spacing-l) var(--spacing-s) var(--spacing-l)}}.filters.svelte-1uha8ag{position:relative;display:flex;flex-direction:column;gap:1em;align-items:center;text-align:center;overflow:hidden}.filters.svelte-1uha8ag>svg:where(.svelte-1uha8ag){position:fixed;z-index:-1}.filters.svelte-1uha8ag>svg:where(.svelte-1uha8ag):nth-of-type(1){left:5em;top:15em;display:none}@media (min-width: 1050px){.filters.svelte-1uha8ag>svg:where(.svelte-1uha8ag):nth-of-type(1){display:block}}.filters.svelte-1uha8ag>svg:where(.svelte-1uha8ag):nth-of-type(2){right:0;bottom:50vh;scale:.6}@media (max-width: 650px){.filters.svelte-1uha8ag>svg:where(.svelte-1uha8ag):nth-of-type(2){display:none}}@media (min-width: 1050px){.filters.svelte-1uha8ag>svg:where(.svelte-1uha8ag):nth-of-type(2){bottom:5em}}.filters.svelte-1uha8ag h1:where(.svelte-1uha8ag){font-size:var(--h1-font-size);padding-inline:1em;margin-top:var(--spacing-l)}.filters.svelte-1uha8ag h1:where(.svelte-1uha8ag) span:where(.svelte-1uha8ag){color:var(--primary-color)}.filters.svelte-1uha8ag form:where(.svelte-1uha8ag){position:relative;row-gap:1em;grid-template-columns:4fr 1fr;grid-template-rows:3fr 2fr;border-radius:3em;width:clamp(15em,80vw,20em)}.filters.svelte-1uha8ag input:where(.svelte-1uha8ag):first-of-type{border:none;padding:1.5em 1em 1.5em 2em;width:100%;border:2px solid transparent;border-radius:3em;background:linear-gradient(var(--neutral-color-background-cards)) padding-box,linear-gradient(120deg,var(--primary-color) 0%,purple 45%,var(--primary-color) 80%,blue 100%) border-box}.filters.svelte-1uha8ag input:where(.svelte-1uha8ag):first-of-type::placeholder{color:var(--text-color)}.filters.svelte-1uha8ag button:where(.svelte-1uha8ag){display:flex;align-items:center;justify-content:center;width:fit-content;scale:1;background-color:var(--chat-color-background);position:absolute;top:50%;right:3%;transform:translateY(-50%);border-radius:10em;padding:.2em;border:2px solid var(--chat-color-background)}.filters.svelte-1uha8ag button:where(.svelte-1uha8ag):hover,.filters.svelte-1uha8ag button:where(.svelte-1uha8ag):focus{background-color:transparent}:is(.filters.svelte-1uha8ag button:where(.svelte-1uha8ag):hover,.filters.svelte-1uha8ag button:where(.svelte-1uha8ag):focus) svg:where(.svelte-1uha8ag),:is(.filters.svelte-1uha8ag button:where(.svelte-1uha8ag):hover,.filters.svelte-1uha8ag button:where(.svelte-1uha8ag):focus) path:where(.svelte-1uha8ag){fill:transparent;stroke:var(--chat-color-background)}.filters.svelte-1uha8ag button:where(.svelte-1uha8ag) svg:where(.svelte-1uha8ag){transform:rotate(-45deg);fill:var(--chat-color-icon)}.filters.svelte-1uha8ag button:where(.svelte-1uha8ag) svg:where(.svelte-1uha8ag) path:where(.svelte-1uha8ag){stroke-width:2}.filters.svelte-1uha8ag input[type=search]:where(.svelte-1uha8ag)::-webkit-search-cancel-button{opacity:0}.filters.svelte-1uha8ag p:where(.svelte-1uha8ag){color:var(--text-color-chat);margin:0}.pagination.svelte-1uha8ag{display:flex;gap:1.5em;justify-content:center}.pagination.svelte-1uha8ag:not(li){align-items:end}.pagination.svelte-1uha8ag li:where(.svelte-1uha8ag) .navigate-btn:where(.svelte-1uha8ag){padding:.5em 1em;border:1px solid var(--text-color);border-radius:5px}.pagination.svelte-1uha8ag li:where(.svelte-1uha8ag) .navigate-btn:where(.svelte-1uha8ag):hover{background-color:var(--neutral-color-background-cards)}.pagination.svelte-1uha8ag li:where(.svelte-1uha8ag) button:where(.svelte-1uha8ag){padding:.5em;border:none;transition:all .2s ease-in-out;background-color:transparent}.pagination.svelte-1uha8ag li:where(.svelte-1uha8ag) button:where(.svelte-1uha8ag):hover:not(.active){transform:scale(1.15)}.pagination.svelte-1uha8ag li:where(.svelte-1uha8ag) .active:where(.svelte-1uha8ag){font-weight:700;color:var(--accent-color );cursor:default}
