.suggestion.svelte-z7c4hz{background-color:var(--surface1);transition:background-color var(--transition-short),transform var(--transition-short),box-shadow var(--transition-short);padding:1rem;border-radius:1rem;width:60%;display:flex;justify-content:space-between;-webkit-user-select:none;user-select:none;cursor:pointer;box-shadow:0 0 1rem .1rem #0000004d}@media (width <= 768px){.suggestion.svelte-z7c4hz{width:85%}}.suggestion.svelte-z7c4hz:hover{transform:translateY(-.2rem);z-index:1;box-shadow:0 .5rem 1rem .1rem #0000004d}@media (width <= 768px){.suggestion.svelte-z7c4hz{flex-direction:column}}.suggestion.svelte-z7c4hz .title:where(.svelte-z7c4hz) h2:where(.svelte-z7c4hz){margin-block-end:0;margin-block-start:.5rem;font-size:1.3rem}.suggestion.svelte-z7c4hz .author:where(.svelte-z7c4hz) .author-date:where(.svelte-z7c4hz){font-size:.8rem;margin-left:.3rem}.suggestion.svelte-z7c4hz .tag:where(.svelte-z7c4hz){font-size:.8rem;display:flex;gap:.4rem;margin-block-start:.4rem;align-items:center}.suggestion.svelte-z7c4hz .tag:where(.svelte-z7c4hz) .single-tag:where(.svelte-z7c4hz){background-color:var(--surface2);transition:background-color var(--transition-short);border-radius:1rem;padding:.25rem .35rem}.suggestion.svelte-z7c4hz .votes:where(.svelte-z7c4hz){display:flex;width:fit-content;min-width:2rem;padding:.5rem;align-items:center;justify-content:center;border-radius:1rem;gap:.3rem;background-color:var(--surface2);transition:background-color var(--transition-short),border var(--transition-short);border:transparent 2px solid;cursor:pointer}.suggestion.svelte-z7c4hz .votes:where(.svelte-z7c4hz).voted{background-color:#5dc1ff40;border:#5dc1ff66 2px solid}.suggestion.svelte-z7c4hz .votes:where(.svelte-z7c4hz):hover{border:color-mix(in srgb,var(--text) 80%,transparent) 2px solid}.suggestion.svelte-z7c4hz .votes:where(.svelte-z7c4hz) .votes-count:where(.svelte-z7c4hz){font-size:1.1rem;color:var(--text);transition:color var(--transition-short);margin-left:.1rem}.suggestion.svelte-z7c4hz .votes:where(.svelte-z7c4hz) img:where(.svelte-z7c4hz){align-self:flex-end;position:relative;bottom:2px;width:1rem}.suggestion.svelte-z7c4hz .images:where(.svelte-z7c4hz){margin-left:1rem;display:flex;align-items:center;justify-content:end;min-width:12rem}.suggestion.svelte-z7c4hz .images:where(.svelte-z7c4hz) span{animation:svelte-z7c4hz-fade-in calc(var(--transition-short) * 2) forwards}@media (width <= 768px){.suggestion.svelte-z7c4hz .images:where(.svelte-z7c4hz){margin-left:0;margin-block-start:1.5rem;justify-content:center}}.suggestion.svelte-z7c4hz .images:where(.svelte-z7c4hz) img:where(.svelte-z7c4hz){width:100%;max-width:15rem;max-height:15rem;border-radius:.6rem;opacity:0;transition:opacity var(--transition-short);box-shadow:-.4rem .4rem 1rem #0006;object-fit:cover}.left.svelte-z7c4hz{display:flex;flex-direction:column}.left.svelte-z7c4hz .description:where(.svelte-z7c4hz) p:where(.svelte-z7c4hz){white-space:break-spaces;overflow-wrap:anywhere;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;line-clamp:5}.left.svelte-z7c4hz form:where(.svelte-z7c4hz){flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start}@keyframes svelte-z7c4hz-fade-in{0%{opacity:0}to{opacity:1}}.error.svelte-1fouxwy{font-size:2rem;color:red;text-align:center;margin-top:2rem;width:100%;display:block}.suggestions-container.svelte-1fouxwy{margin-block-start:1rem;display:flex;flex-direction:column;align-items:center;margin-block-end:2rem}.suggestions-container.svelte-1fouxwy .search:where(.svelte-1fouxwy){width:-webkit-fill-available;margin-right:1rem}.suggestions-container.svelte-1fouxwy .search:where(.svelte-1fouxwy) input:where(.svelte-1fouxwy){width:95%}.suggestions-container.svelte-1fouxwy .filter:where(.svelte-1fouxwy){width:calc(60% + 2rem)}@media (width <= 768px){.suggestions-container.svelte-1fouxwy .filter:where(.svelte-1fouxwy){width:calc(90% + 2rem)}}.suggestions-container.svelte-1fouxwy .filter:where(.svelte-1fouxwy) form:where(.svelte-1fouxwy){display:flex;justify-content:space-between}.suggestions-container.svelte-1fouxwy .filter:where(.svelte-1fouxwy) form:where(.svelte-1fouxwy) .select:where(.svelte-1fouxwy){width:30%}@media (width <= 768px){.suggestions-container.svelte-1fouxwy .filter:where(.svelte-1fouxwy) form:where(.svelte-1fouxwy) .select:where(.svelte-1fouxwy){width:50%}}.suggestions-container.svelte-1fouxwy .allNav:where(.svelte-1fouxwy){display:flex;flex-direction:column;width:calc(60% + 2rem);position:sticky;z-index:2;top:-1px;padding:.75rem 1rem 0;background-color:var(--background);margin-block-end:2rem;transition:padding var(--transition-short),background-color var(--transition-short)}@media (width <= 768px){.suggestions-container.svelte-1fouxwy .allNav:where(.svelte-1fouxwy){width:calc(90% + 2rem);padding:.5rem 0}}.suggestions-container.svelte-1fouxwy .allNav:where(.svelte-1fouxwy).is-pinned{padding:1rem 0}.suggestions-container.svelte-1fouxwy .allNav:where(.svelte-1fouxwy)>div:where(.svelte-1fouxwy){display:flex;justify-content:space-between;align-items:center;width:100%}@media (width <= 768px){.suggestions-container.svelte-1fouxwy .allNav:where(.svelte-1fouxwy)>div:where(.svelte-1fouxwy){gap:1rem}}.suggestions-container.svelte-1fouxwy .allNav:where(.svelte-1fouxwy)>div:where(.svelte-1fouxwy) .sort:where(.svelte-1fouxwy) .svelte-select{width:12rem}.suggestions-container.svelte-1fouxwy .allNav:where(.svelte-1fouxwy)>div:where(.svelte-1fouxwy) .navButtons:where(.svelte-1fouxwy){display:flex;align-items:center}.suggestions-container.svelte-1fouxwy .allNav:where(.svelte-1fouxwy)>div:where(.svelte-1fouxwy) .navButtons:where(.svelte-1fouxwy) form:where(.svelte-1fouxwy){display:flex;justify-content:center;gap:1rem}.suggestions-container.svelte-1fouxwy .allNav:where(.svelte-1fouxwy)>div:where(.svelte-1fouxwy) .navButtons:where(.svelte-1fouxwy) form:where(.svelte-1fouxwy) button:where(.svelte-1fouxwy){transition:opacity var(--transition-short),transform var(--transition-short)}.suggestions-container.svelte-1fouxwy .loading:where(.svelte-1fouxwy){display:flex;justify-content:center;height:0px}.suggestions-container.svelte-1fouxwy .loading:where(.svelte-1fouxwy) svg{height:3rem;width:3rem;animation:svelte-1fouxwy-spinner 1s linear infinite}.suggestions-container.svelte-1fouxwy .loading:where(.svelte-1fouxwy) svg path{fill:var(--brand)}.suggestions-container.svelte-1fouxwy .suggestions:where(.svelte-1fouxwy){display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;width:100%}@keyframes svelte-1fouxwy-spinner{0%{transform:rotate(360deg)}to{transform:rotate(0)}}
