@layer components{.blog-scroller{scrollbar-width:none;-webkit-overflow-scrolling:touch}.blog-scroller::-webkit-scrollbar{display:none}@media (max-width:1023.98px){.blog-scroller{-webkit-mask-image:linear-gradient(to right, transparent 0, black var(--gutter), black calc(100% - var(--gutter)), transparent 100%);-webkit-mask-image:linear-gradient(to right, transparent 0, black var(--gutter), black calc(100% - var(--gutter)), transparent 100%);mask-image:linear-gradient(to right, transparent 0, black var(--gutter), black calc(100% - var(--gutter)), transparent 100%)}}.blog-toc-scroll{scrollbar-width:thin;scrollbar-color:var(--color-line) transparent;overscroll-behavior:contain}.blog-toc-scroll[data-overflow=true]{-webkit-mask-image:linear-gradient(#000 calc(100% - 28px),#0000);mask-image:linear-gradient(#000 calc(100% - 28px),#0000)}}
