#blog-details{width:100vw!important;height:83vh!important;margin-bottom:1em!important;background-position:50%;background-attachment:fixed;background-size:cover;margin-top:6.5em}#blog-details .cover-blog-link>h1{z-index:2;background:rgba(0,0,0,.7)!important;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);width:70%!important;border-radius:10px;padding:1em;font-size:2.4em!important}#blog-details .cover-blog-overlay{background:linear-gradient(to bottom left,hsla(0,0%,100%,.5),transparent)}#blog-details:focus-within h1,#blog-details:focus-within img,#blog-details:hover h1,#blog-details:hover img{transform:none!important}#blog-details h1{font-size:3.5em!important}#full-blog .blogs-container{width:100%!important}.blog-tags{flex-wrap:wrap}.blog-tags>*{background:#f5f5f5;color:#000;border-radius:20px;padding:.5em 1em}.blog-category a{color:#fff!important;font-weight:bolder}.blog-category a:hover{text-decoration:underline!important}.toc{max-height:80vh;position:sticky;top:6.5em;overflow:auto}.toc::-webkit-scrollbar{width:7px}.toc::-webkit-scrollbar-thumb{background:#888;border-radius:5px}.toc summary{position:sticky;top:0;background:#1e283a}.toc details{background-color:#30373f}.toc a{color:#fff}.toc [data-level=two] p{border-top:2px solid #dcdcdc;padding-top:1em}.toc [data-level=three] p{margin-left:1em}.toc [data-level=four] p{margin-left:2em}.toc a:hover p{text-decoration:underline}pre{max-width:60vw}code{counter-reset:line}.prose>p>code:after,.prose>p>code:before,.prose>ul>li p>code:after,.prose>ul>li p>code:before{display:none!important}code>[data-line]:before{counter-increment:line;content:counter(line);display:inline-block;width:1rem;margin-right:2rem;text-align:right;color:gray}code[data-line-numbers-max-digits="2"]>[data-line]:before{width:2rem}code[data-line-numbers-max-digits="3"]>[data-line]:before{width:3rem}.prose{padding:"0 4em"!important;max-width:65%}.prose a{text-decoration:underline!important}.prose a:hover{font-weight:700!important}#related-blogs section{opacity:1!important}#dark .prose li::marker{color:#fff}#dark code[data-theme=light],#dark div[data-theme=light],#dark pre[data-theme=light],#light code[data-theme=dark],#light div[data-theme=dark],#light pre[data-theme=dark]{display:none}#light #blog-details{box-shadow:none;border:1px solid #bebdbd!important}#light #blog-details .cover-blog-overlay{background:linear-gradient(180deg,rgba(0,0,0,.5),transparent)}#light .blog-category a{color:#1e283a!important}#light #blog-details .cover-blog-link>h1{background:hsla(0,0%,100%,.8)!important;color:#1e283a!important}#light .toc summary{background:#e6e6fa}#light .toc details{background-color:#ffffffcc}#light .toc .dot path{fill:#000}#light .toc a{color:#1e283a!important}#light .blog-tags>*{background:#1e283a;color:#fff}#light #related-blogs article *{color:#1e283a!important}@media(max-width:992px){#blog-details .cover-blog-link>h1{width:95%!important}.prose{max-width:none!important}.toc{height:-moz-fit-content;height:fit-content;position:relative;top:auto;margin-bottom:2em}blockquote,pre{max-width:90vw!important;overflow:auto}#light .toc *{color:#1e283a!important}}#cover-blog .cover-blog-text{display:flex;flex-direction:column;justify-content:center}.cover-blog-container{margin:6.5em 0;width:90vw;transition:all .4s ease-in-out}.cover-blog-text{background:radial-gradient(transparent,transparent,#000)!important;min-height:80vh}.cover-blog-container h1{transition:all .2s ease-in-out;color:#fff}.cover-blog-container p{color:#fff}.cover-blog-container img{transition:all .2s ease-in-out}.cover-blog-container:focus-within h1,.cover-blog-container:hover h1{transform:scale(1.02)}.cover-blog-container:focus-within img,.cover-blog-container:hover img{transform:scale(1.09)}.cover-image{-o-object-position:center;object-position:center;-o-object-fit:cover;object-fit:cover}.cover-blog-link,.cover-image{height:100%;width:100%}#cover-blog .cover-blog-link>*{flex:1;width:50%!important}.cover-blog-overlay{position:absolute;height:100%;width:100%;background:linear-gradient(180deg,transparent,#000);z-index:1}.tag-btn{width:-moz-fit-content;width:fit-content;cursor:pointer;background-color:#f8f8ff!important;border-radius:5px;transition:all .4s}.tag-btn a{color:#1e283a}.tag-btn:focus-within,.tag-btn:hover{border-radius:5px;transform:translateY(-10px);box-shadow:0 7px 0 -2px #dcdcdc,0 15px 0 -4px gray,0 16px 10px -3px #000}.tag-btn:active{transition:all .2s;transform:translateY(-5px);box-shadow:0 2px 0 -2px #dcdcdc,0 8px 0 -4px gray,0 12px 10px -3px #000}.date-text{color:#dcdcdc!important}.blog-post>*{flex:1}.blog-post :nth-child(2) h1{text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;height:3.6em}.blog-image{width:auto;height:15em}.blog-title{font-size:1.2em!important}.featured-blog:focus-within h1,.featured-blog:hover h1{text-decoration:underline}.featured-blog h1{font-size:1.2em!important}.featured-blog h1,.featured-blog img{transition:all .2s ease-in-out}.featured-blog:focus-within h1,.featured-blog:hover h1{transform:scale(1.02)}.featured-blog:focus-within img,.featured-blog:hover img{transform:scale(1.09)}.feature-image{width:40%;height:auto}.featured-blog,.featured-blog a{height:100%}#light #cover-blog{border:none!important;border-top:1px solid #dcdcdc!important;box-shadow:0 5px 5px 1px gray}#light .cover-blog-overlay{background:linear-gradient(180deg,transparent,hsla(0,0%,100%,.7),hsla(0,0%,100%,.9))}#light h1{color:#1e283a!important}#light .date-text{color:gray!important}#light .cover-blog-link>*{z-index:2;background:hsla(0,0%,100%,0);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);width:-moz-fit-content;width:fit-content}#light .cover-blog-container p{color:#1e283a}#dark .prose :not(pre *){color:#fff!important}#light .prose :not(pre *){color:#000!important}#light .prose h2,#light .prose h3,#light .prose h4{color:#1e283a!important}.simple-link{color:inherit}.simple-link:focus,.simple-link:hover{text-decoration:underline!important}section{min-height:auto!important}#light .cover-blog-text{background:radial-gradient(transparent,transparent,#e6e6fa)!important}@media (max-width:992px){#cover-blog .cover-blog-link{flex-direction:column-reverse}#cover-blog .cover-blog-link>*{width:100%!important}#cover-blog .cover-blog-text{justify-content:start!important;min-height:auto}}@media (max-width:576px){#cover-blog{width:100vw;border-radius:0!important}.blog-post{margin:1em 0}.blog-post :nth-child(2) h1{text-overflow:unset;display:-webkit-box;-webkit-line-clamp:unset;-webkit-box-orient:vertical;overflow:visible;height:auto}.blog-post :nth-child(2) h2{margin:.5em 0!important}.featured-blog,.featured-blog a,.featured-blog a img{width:100%}}