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