section.svelte-s19212xs{width:244px;max-width:244px;min-width:244px;border-radius:28px;box-shadow:0 0 0 1.5px var(--color-separator, 0px 4px 9px 2px rgba(0, 0, 0, .3));margin:.8rem .5rem;z-index:1}section.svelte-s19212xs>img:where(.svelte-s19212xs){position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:28px}section.svelte-s19212xs article:where(.svelte-s19212xs){background-color:#00000080;backdrop-filter:blur(50px);-webkit-backdrop-filter:blur(50px);position:relative;display:flex;flex-direction:column;width:244px;max-width:244px;border-radius:28px;padding:7px;overflow:hidden;z-index:0;transition:all .3s ease}section.svelte-s19212xs article:where(.svelte-s19212xs):hover{background-color:#0000001a}section.svelte-s19212xs article:where(.svelte-s19212xs) .image-container:where(.svelte-s19212xs){position:relative}section.svelte-s19212xs article:where(.svelte-s19212xs) .image-container:where(.svelte-s19212xs) div:where(.svelte-s19212xs):nth-child(1){position:relative;width:100%;height:132px;border-radius:20px;box-shadow:-1px -1px #ffffff4d,0 0 3px #0000008c;overflow:hidden}section.svelte-s19212xs article:where(.svelte-s19212xs) .image-container:where(.svelte-s19212xs) div:where(.svelte-s19212xs):nth-child(1)>img:where(.svelte-s19212xs){position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}section.svelte-s19212xs article:where(.svelte-s19212xs) .image-container:where(.svelte-s19212xs) div:where(.svelte-s19212xs):nth-child(2){background:var(--color-white);position:absolute;display:flex;justify-content:center;align-items:center;left:8px;bottom:-.8rem;width:56px;height:56px;border-radius:10px;box-shadow:0 4px 4px #00000059;overflow:hidden}section.svelte-s19212xs article:where(.svelte-s19212xs) .text-container:where(.svelte-s19212xs){margin:1.5rem 0 .85rem;padding:0 .8rem;color:var(--color-white)}section.svelte-s19212xs article:where(.svelte-s19212xs) .text-container:where(.svelte-s19212xs) h4:where(.svelte-s19212xs){margin:0}section.svelte-s19212xs article:where(.svelte-s19212xs) .text-container:where(.svelte-s19212xs) p:where(.svelte-s19212xs){margin:.3rem 0 1rem;color:var(--color-white);opacity:.75;-webkit-line-clamp:3;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;overflow:hidden}section.svelte-s19212xs article:where(.svelte-s19212xs) .text-container:where(.svelte-s19212xs) button:where(.svelte-s19212xs):hover{background:var(--color-white)}