@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap");:root{--open-sans:"Open Sans",sans-serif}.blog-content{font-family:var(--open-sans);line-height:1.8}.blog-content h2,.blog-content h3,.blog-content h4{scroll-margin-top:100px;position:relative}.blog-content h2:hover:before,.blog-content h3:hover:before,.blog-content h4:hover:before{content:"#";position:absolute;left:-1.5rem;color:#d8b4fe;opacity:.8}.blog-content pre{position:relative;font-family:Fira Code,monospace;background-color:#1e293b;border:1px solid hsla(0,0%,100%,.1)}.blog-content pre code{background-color:transparent;padding:0;font-size:.9rem;line-height:1.6;display:block}.blog-content ul li:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background-color:#d8b4fe;position:absolute;left:0;top:.7em}.blog-content ol{list-style-type:decimal;padding-left:1.5rem}.blog-content ol li{padding-left:.5rem}.blog-content ol li:before{display:none}.blog-content blockquote{position:relative}.blog-content blockquote:before{content:'"';font-size:4rem;position:absolute;left:-.5rem;top:-1.5rem;color:rgba(216,180,254,.2);font-family:serif}.blog-content figure{margin:2rem 0}.blog-content figcaption{text-align:center;font-size:.875rem;color:#94a3b8;margin-top:.5rem}.blog-content table{width:100%;border-collapse:collapse;margin:2rem 0;font-size:.9rem}.reading-progress-bar{position:fixed;top:0;left:0;height:3px;background-color:#d8b4fe;z-index:50;transition:width .1s ease}.blog-content ::selection{background-color:lab(78.69% 26.7 -31.77/.3)}.blog-content .footnotes{margin-top:3rem;padding-top:1.5rem;border-top:1px solid hsla(0,0%,100%,.1);font-size:.875rem}.blog-content .footnotes ol{padding-left:1rem}.blog-content .footnote-backref{margin-left:.5rem;text-decoration:none}.blog-content a:not(.anchor){text-decoration:none;background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0 2px;transition:background-size .3s;padding-bottom:2px}.blog-content a:not(.anchor):focus,.blog-content a:not(.anchor):hover{background-size:100% 2px}