.collections.svelte-1j3iolv{display:flex;flex-direction:column;gap:1.5rem}.head.svelte-1j3iolv{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.heading.svelte-1j3iolv{display:flex;flex-direction:column;gap:1rem}.tabs.svelte-1j3iolv{display:flex;flex-wrap:wrap;gap:.75rem}.tabs.svelte-1j3iolv button:where(.svelte-1j3iolv),.create-collection.svelte-1j3iolv,.auth-required.svelte-1j3iolv a:where(.svelte-1j3iolv){background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:999px;color:inherit;cursor:pointer;font-family:inherit;font-size:.95rem;padding:.75rem 1.1rem;transition:background .2s ease,border-color .2s ease,opacity .2s ease,transform .2s ease}.tabs.svelte-1j3iolv button:where(.svelte-1j3iolv):hover,.create-collection.svelte-1j3iolv:hover,.auth-required.svelte-1j3iolv a:where(.svelte-1j3iolv):hover{opacity:1;border-color:#ffffff38;transform:translateY(-1px)}.tabs.svelte-1j3iolv button.active:where(.svelte-1j3iolv){background:#ffffff29;border-color:#ffffff42}.create-collection.svelte-1j3iolv{opacity:.8}.cards.collections.svelte-1j3iolv{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))!important}.collections.svelte-1j3iolv .card:where(.svelte-1j3iolv){position:relative;max-width:600px!important;overflow:hidden;transition:transform .25s ease}.collections.svelte-1j3iolv .card:where(.svelte-1j3iolv):hover{transform:scale(1.03) rotate(.4deg)}.overlay.svelte-1j3iolv{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000,#0009 75%,#0009);z-index:1;border-radius:10px}.collections.svelte-1j3iolv .card:where(.svelte-1j3iolv) img:where(.svelte-1j3iolv){width:100%;border-radius:10px;object-fit:cover;aspect-ratio:3 / 2}.collections.svelte-1j3iolv .card:where(.svelte-1j3iolv) h2:where(.svelte-1j3iolv){position:absolute;bottom:0;z-index:1;font-size:1.2rem;line-height:1.1;font-weight:500;overflow:hidden;text-overflow:ellipsis;padding:1.5rem 1rem;margin:0}.auth-required.svelte-1j3iolv,.empty-state.svelte-1j3iolv{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:1.25rem}.auth-required.svelte-1j3iolv{display:flex;align-items:center;justify-content:space-between;gap:1rem}.auth-required.svelte-1j3iolv a:where(.svelte-1j3iolv){text-decoration:none}.empty-state.svelte-1j3iolv{color:#ffffffb3}@media(max-width:768px){.head.svelte-1j3iolv{flex-direction:column}.create-collection.svelte-1j3iolv{width:100%;justify-content:center}.auth-required.svelte-1j3iolv{flex-direction:column;align-items:stretch}}
