.blog-layout{background-color:var(--dark)}.blog-layout .bg-white{margin-top:30px;padding-top:40px}.blog-header{position:sticky;top:0}.posts-list{--grid_column:1;grid-template-columns:repeat(var(--grid_column),1fr);grid-auto-flow:dense;gap:10px 30px;margin-bottom:50px;display:grid}.blog-post,.empty-list{margin-bottom:80px}.posts-list .post{border-top:1px solid #b7b7b7;padding:30px 0}.posts-list .name{color:var(--dark);margin:0 0 11px;font-weight:500}.posts-list .name a{text-decoration:none}.posts-list .description{margin:0 0 12px}.blog-layout .data{font-style:italic;display:block}.posts-list .data{margin-bottom:18px}.posts-list .tags{margin-bottom:10px}.blog-layout .tags .title-smaller{color:#71768b;padding:0;font-size:.83rem;text-decoration:none;display:block;position:relative}.blog-layout .list-tags .title-smaller:hover{color:#8342fd;will-change:transform,color;animation:.2s forwards upBounce}.blog-post code{color:#000;background-color:#d5dade;border-radius:4px;padding:1px 5px;font-size:95%}@keyframes upBounce{0%{transform:translateY(0)}50%{transform:translateY(-1px)}to{transform:translateY(0)}}.blog-layout .tags{flex-wrap:wrap;gap:20px 30px;padding:0;list-style:none;display:flex}.blog-layout .list-tags{margin:40px 0}.tags .active:after{content:"";background-color:#8342fd;border-radius:3px;height:3px;display:block;position:absolute;bottom:-6px;left:0;right:2px}.blog-layout .title-small{font-size:clamp(2rem,10vw,50px);line-height:.85}.blog-post .tags{margin-bottom:10px}.blog-post .title-small{margin-bottom:15px}.blog-post h1,.blog-post h2,.blog-post h3,.blog-post h4,.blog-post h5,.blog-post h6{color:var(--dark);line-height:1.2}.blog-post header{border-bottom:1px solid #b7b7b7;margin-bottom:30px;padding-bottom:30px}.code-language{background-color:var(--dark);color:#8e91a0;border-radius:7px 7px 0 0;padding:5px 15px}.prism-code{border-radius:0 0 7px 7px;margin-top:0;padding:12px 15px}.empty-list{margin-top:60px}@media screen and (min-width:768px){.posts-list{--grid_column:2}}