.clip.svelte-ogjbql.svelte-ogjbql{display:grid;width:40rem;gap:1.3rem;margin-bottom:2rem;background-color:var(--color-bg-2);font-family:"Jost Variable",var(--font-body);border-radius:1.2rem;padding-inline:1.6rem;padding-block:1.6rem;transition:background .3s ease-out,box-shadow .2s ease-in-out;cursor:pointer}.clip.svelte-ogjbql.svelte-ogjbql:hover{background:#fff3;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);outline:2px solid rgba(255,255,255,.3)}.clip.svelte-ogjbql:hover .clip__preview.svelte-ogjbql:before{content:"open_in_new";font-family:Material Icons Round;font-weight:100;color:#fff;display:flex;justify-content:center;align-items:center;font-size:10rem;position:absolute;width:100%;height:100%}.clip.svelte-ogjbql .clip__preview.svelte-ogjbql{width:100%;height:20rem;background-position:50% 50%;background-size:cover;position:relative;background-color:var(--color-bg-3);display:flex;justify-content:center;align-items:center;border-radius:.5rem}.clip.svelte-ogjbql .clip__infobox.svelte-ogjbql{display:flex;flex-direction:column;gap:1.2rem;height:100%;font-weight:400}.clip.svelte-ogjbql .clip__infobox .clip__info.svelte-ogjbql{display:flex;flex-direction:column;gap:.4rem}.clip.svelte-ogjbql .clip__infobox .clip__tags.svelte-ogjbql{height:fit-content;display:flex;gap:.6rem}.clip.svelte-ogjbql .clip__infobox .clip__tags .clip__tag.svelte-ogjbql{background-color:var(--color-bg-3);padding-inline:.8rem;padding-block:.4rem;border-radius:.4rem;border:1.5px solid var(--color-bg-3-stroke);font-size:var(--font-size-smaller);text-wrap:nowrap}.clip.svelte-ogjbql .clip__titlebar.svelte-ogjbql{display:flex;justify-content:space-between;align-items:flex-start;height:fit-content;overflow:hidden}.clip.svelte-ogjbql .clip__titlebar .clip__title.svelte-ogjbql{font-size:inherit;font-family:"Jost Variable",var(--font-body);font-weight:450;overflow:hidden;width:100%;text-overflow:ellipsis}.clip-grid.svelte-stjn6l{display:flex;gap:1.5rem;flex-wrap:wrap;margin-bottom:4rem}