.clips.svelte-1ph8sxu{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.clip.svelte-1ph8sxu{color:var(--ink);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.clip-img.svelte-1ph8sxu{aspect-ratio:16/9;background:var(--hairline);overflow:hidden}.clip.svelte-1ph8sxu{border-radius:var(--radius-card)}.clip-body.svelte-1ph8sxu{flex-direction:column;flex:1;gap:4px;padding:10px;display:flex}.clip-title.svelte-1ph8sxu{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:13px;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.clip-meta.svelte-1ph8sxu{font-family:var(--font-read);color:var(--meta);margin-top:auto;padding-top:6px;font-size:11px}@media (hover:hover){.clip.svelte-1ph8sxu:hover .clip-title:where(.svelte-1ph8sxu){text-decoration:underline}}.scrollbar-none.svelte-1ph8sxu{scrollbar-width:none}.scrollbar-none.svelte-1ph8sxu::-webkit-scrollbar{display:none}@media (width<=640px){.clips.svelte-1ph8sxu{scroll-snap-type:x mandatory;display:flex;overflow-x:auto}.clip.svelte-1ph8sxu{scroll-snap-align:start;flex:0 0 150px}}