.blog-list-page.svelte-1splckt{display:flex;flex-direction:column;row-gap:var(--grid-gutter)}.zebra-section-title{padding-bottom:0}.blog-list-page.svelte-1splckt .blog-content:where(.svelte-1splckt){--author-poster-size: calc(var(--space-unit) * 5);display:grid;gap:calc(var(--space-unit) * 2);grid-template:"title title" "poster name" var(--author-poster-size) / var(--author-poster-size);background-color:var(--gray100);padding:calc(var(--space-unit) * 2)}.blog-list-page.svelte-1splckt z-ghost-loading:where(.svelte-1splckt){border-radius:0}.blog-list-page.svelte-1splckt z-ghost-loading.blog-content:where(.svelte-1splckt){display:block;padding:0}.blog-list-page.svelte-1splckt .blog-content:where(.svelte-1splckt) .title:where(.svelte-1splckt){grid-area:title}.blog-list-page.svelte-1splckt .blog-content:where(.svelte-1splckt) .title:where(.svelte-1splckt) a:where(.svelte-1splckt){display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.blog-list-page.svelte-1splckt .blog-content:where(.svelte-1splckt) .description:where(.svelte-1splckt),.blog-list-page.svelte-1splckt .blog-content:where(.svelte-1splckt) .description:where(.svelte-1splckt)>*{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}.blog-list-page.svelte-1splckt .blog-content:where(.svelte-1splckt) .author-poster:where(.svelte-1splckt){grid-area:poster;height:var(--author-poster-size);width:var(--author-poster-size);border-radius:50%;background-color:var(--color-primary01);object-fit:cover;margin:auto 0 0;overflow:hidden}.blog-list-page.svelte-1splckt .blog-content:where(.svelte-1splckt) .author-poster:where(.svelte-1splckt) img:where(.svelte-1splckt){width:100%;height:100%;object-fit:cover}.blog-list-page.svelte-1splckt .poster:nth-child(2n){order:0!important}.blog-list-page.svelte-1splckt .blog-content:where(.svelte-1splckt) .description:where(.svelte-1splckt){display:none}.blog-list-page.svelte-1splckt .blog-content:where(.svelte-1splckt) .author-name:where(.svelte-1splckt){display:flex;align-items:center;grid-area:name}@media (max-width: 767px){.blog-list-page.svelte-1splckt z-ghost-loading.blog-content:where(.svelte-1splckt){height:var(--row-size)}.blog-list-page.svelte-1splckt z-ghost-loading.poster:where(.svelte-1splckt),.blog-list-page.svelte-1splckt z-ghost-loading.content:where(.svelte-1splckt){margin-top:var(--space-unit);grid-column:1 / -1!important}.blog-list-page.svelte-1splckt .card{grid-template-rows:auto repeat(2,calc(var(--space-unit) * 32))}}@media (min-width: 768px){.blog-list-page.svelte-1splckt .blog-content:where(.svelte-1splckt){--author-poster-size: calc(var(--space-unit) * 9)}.blog-list-page.svelte-1splckt .title:where(.svelte-1splckt) a:where(.svelte-1splckt){-webkit-line-clamp:4;line-clamp:4}.blog-list-page.svelte-1splckt .content:not(z-ghost-loading){padding:calc(var(--space-unit) * 2)}}@media (min-width: 768px) and (max-width: 1152px){.blog-list-page.svelte-1splckt .cards-list{--row-size: calc(var(--space-unit) * 14);grid-auto-rows:auto}.blog-list-page.svelte-1splckt .card{grid-template-rows:auto repeat(3,1fr)}.blog-list-page.svelte-1splckt .blog-content:where(.svelte-1splckt){grid-template:"poster title" "poster name" / var(--author-poster-size);row-gap:0;grid-column:1 / -1!important}.blog-list-page.svelte-1splckt z-ghost-loading.blog-content:where(.svelte-1splckt){height:calc(var(--author-poster-size) + var(--space-unit) * 4)}.blog-list-page.svelte-1splckt .blog-content:where(.svelte-1splckt)>:where(.svelte-1splckt):not(.description){display:flex;align-items:center}.blog-list-page.svelte-1splckt .poster,.blog-list-page.svelte-1splckt .content{grid-row:span 3!important;grid-column:span 4!important}.blog-list-page.svelte-1splckt .cards-list .card.loading{column-gap:0}}@media (min-width: 1152px){.blog-list-page.svelte-1splckt .blog-content:where(.svelte-1splckt){--author-poster-size: calc(var(--space-unit) * 12);grid-template:"title title" min-content "description description" auto "poster name" calc(var(--space-unit) * 12) / calc(var(--space-unit) * 12);grid-column:span 3}.blog-list-page.svelte-1splckt z-ghost-loading.blog-content:where(.svelte-1splckt){margin-right:var(--space-unit)}.blog-list-page.svelte-1splckt z-ghost-loading.content:where(.svelte-1splckt){grid-column:span 3}.blog-list-page.svelte-1splckt .blog-content:where(.svelte-1splckt) .description:where(.svelte-1splckt){display:block;grid-area:description}.blog-list-page.svelte-1splckt .card .poster{grid-column:span 6!important}.blog-list-page.svelte-1splckt .cards-list .card:nth-child(odd) .poster{order:0!important}}