:host(*){position:relative;inline-size:100vw;margin-block:2rem 1rem}.block-title{inline-size:min(calc(100% - 2*var(--mobile-margin)),var(--max-inline-size));margin-block:1rem;margin-inline:auto}.block-nav{position:absolute;inset-block-start:calc(50% - 1.5rem);transition:opacity .2s;opacity:0;z-index:9}:host(*:hover) .block-nav{opacity:1}.block-nav-prev{inset-inline-start:1rem}@media screen and (min-width:1200px){.block-nav-prev{inset-inline-start:calc((100vw - var(--spread))/4)}}.block-nav-next{inset-inline-end:1rem}@media screen and (min-width:1200px){.block-nav-next{inset-inline-end:calc((100vw - var(--spread))/4)}}.block-list{display:flex;list-style-type:none;inline-size:min(calc(100% - 2*var(--mobile-margin)),var(--max-inline-size));margin-block:1rem;margin-inline:auto;padding-inline:0;padding-block-end:1rem;scroll-snap-type:x mandatory;overflow-x:auto;gap:1rem}.block-list-item{scroll-snap-align:start;flex-basis:300px;flex-grow:0;flex-shrink:0;align-items:stretch}@media screen and (min-width:768px){.block-list-item{flex-basis:calc((var(--max-inline-size) - 2*var(--grid-gap))/3)}}.block-list-post{height:100%}.block-list{--_scrollbar-width:12px;--_scrollbar-thumb-color:var(--color-neutral-200);--_scrollbar-track-color:var(--color-neutral-025);scrollbar-width:var(--_scrollbar-width);scrollbar-color:var(--_scrollbar-thumb-color) var(--_scrollbar-track-color)}.block-list::-webkit-scrollbar{width:var(--_scrollbar-width)}.block-list::-webkit-scrollbar-track{background:var(--_scrollbar-track-color)}.block-list::-webkit-scrollbar-thumb{background-color:var(--_scrollbar-thumb-color);border-radius:10px;border:4px solid var(--_scrollbar-track-color)}.block-list:hover{--_scrollbar-thumb-color:var(--color-neutral-300);--_scrollbar-track-color:var(--color-neutral-050)}