.blog-main{color:#f8f8f2;flex-shrink:0;flex-grow:1;display:flex;justify-content:center;padding:2rem .5rem 3rem}.blog-panel{width:min(100%,50rem);border:1px solid #44475a;border-radius:.5rem;background:linear-gradient(180deg,#44475aa6,#282a36fa),#282a36;box-shadow:0 1.5rem 3rem #282a3680,inset 0 1px #f8f8f20a;overflow:hidden}.blog-page-header{border-bottom:1px solid #44475a;padding:1.5rem 1.5rem 2rem}.blog-page-title-row{display:flex;flex-direction:column;gap:.75rem}.blog-page-heading-row{align-items:center;display:flex;gap:.5rem;flex-wrap:wrap}.blog-command-line{width:fit-content;min-width:12rem;border:1px solid rgba(68,71,90,.9);border-radius:.375rem;background-color:#282a36e6;box-shadow:0 .5rem 1rem #282a3640,inset 0 1px #f8f8f208;overflow:hidden}.blog-command-line-header{position:relative;height:1rem;background-color:#44475a}.blog-command-line-buttons{position:absolute;top:.2rem;left:.4rem;display:flex;gap:.25rem}.blog-command-line-button{width:.5rem;height:.5rem;border-radius:9999px}.blog-command-line-button.red{background-color:#f55}.blog-command-line-button.yellow{background-color:#f1fa8c}.blog-command-line-button.green{background-color:#50fa7b}.blog-command-line-code{padding:.65rem .85rem .75rem}.blog-page-kicker{color:#f8f8f2;font-size:.9rem;line-height:1.4}.blog-command-line-output{background-image:linear-gradient(to right,#ff79c6,#bd93f9);-webkit-background-clip:text;background-clip:text;color:transparent;margin-top:.35rem;line-height:1.4}.blog-page-header h1{color:#f8f8f2;font-size:clamp(1.75rem,3vw,2.35rem);font-weight:800;letter-spacing:-.03em;line-height:1.1}.blog-page-intro{color:#6272a4;margin-top:1rem;max-width:36rem}.blog-index{padding:1.5rem 1.5rem 1.75rem}.blog-rss-link{align-items:center;color:#8be9fd;display:inline-flex;justify-content:center;transition:color .16s ease-in-out,transform .16s ease-in-out}.blog-rss-link:hover,.blog-rss-link:focus-visible{color:#8be9fd;transform:translateY(-1px)}.blog-rss-link-icon{height:1.5rem;width:1.5rem}.blog-index-list{display:flex;flex-direction:column}.blog-index-list li+li{border-top:1px solid rgba(68,71,90,.8)}.blog-index-link{display:flex;flex-direction:column;gap:.35rem;padding:1rem 0}.blog-index-title{color:#f8f8f2;font-size:clamp(1.15rem,2vw,1.3rem);font-weight:700;line-height:1.25;text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:.08em;text-underline-offset:.16em;transition:color .16s ease-in-out,text-decoration-color .16s ease-in-out}.blog-index-link:hover .blog-index-title,.blog-index-link:focus-visible .blog-index-title{color:#8be9fd;text-decoration-color:#8be9fd8c}.blog-index-description{color:#ced2dc;font-size:.94rem;line-height:1.55;max-width:40rem;transition:color .16s ease-in-out;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.blog-index-link:hover .blog-index-description,.blog-index-link:focus-visible .blog-index-description{color:#dadde2}.blog-meta{color:#f8f8f275;font-size:.82rem}.blog-back-link-wrapper{margin-bottom:0}.blog-back-link{align-items:center;color:#8be9fd;display:inline-flex;font-size:.9rem;gap:.45rem;text-decoration:underline;text-decoration-color:#8be9fd80;text-underline-offset:.2rem}.blog-back-link-icon{height:1rem;width:1rem}.blog-back-link:hover,.blog-back-link:focus-visible{color:#ff79c6}.blog-empty-state{color:#6272a4;padding:1rem 0}.blog-article{padding:1.5rem}.blog-article-header{border-bottom:1px solid rgba(68,71,90,.8);margin-bottom:1.25rem;padding-bottom:1rem}.blog-article-top-row{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.blog-article-avatar{flex-shrink:0}.blog-article-avatar-image{border:4px solid #6272a4;border-radius:9999px;display:block;height:5.5rem;width:5.5rem}.blog-article-header h1{color:#f8f8f2;font-size:clamp(1.75rem,3vw,2.35rem);font-weight:800;letter-spacing:-.04em;line-height:1.1;margin-bottom:.75rem}.blog-prose{color:#f8f8f2;max-width:42rem}.blog-prose>*+*{margin-top:.85rem}.blog-prose h2,.blog-prose h3,.blog-prose h4,.blog-prose h5,.blog-prose h6{color:#bd93f9;font-weight:700;margin-top:1.75rem;scroll-margin-top:1.5rem}.blog-prose h2{font-size:1.5rem}.blog-prose h3{font-size:1.25rem}.blog-heading-anchor-link{display:inline-flex;margin-left:.45rem;color:#6272a4;opacity:0;text-decoration:none;transition:opacity .12s ease-out,color .12s ease-out;vertical-align:middle}.blog-heading-anchor-link:before{content:"#";font-size:.9em;font-weight:700}.blog-prose h2:hover .blog-heading-anchor-link,.blog-prose h3:hover .blog-heading-anchor-link,.blog-prose h4:hover .blog-heading-anchor-link,.blog-prose h5:hover .blog-heading-anchor-link,.blog-prose h6:hover .blog-heading-anchor-link,.blog-heading-anchor-link:focus-visible,.blog-prose h2:target .blog-heading-anchor-link,.blog-prose h3:target .blog-heading-anchor-link,.blog-prose h4:target .blog-heading-anchor-link,.blog-prose h5:target .blog-heading-anchor-link,.blog-prose h6:target .blog-heading-anchor-link{color:#8be9fd;opacity:1}.blog-prose p,.blog-prose li,.blog-prose blockquote{color:#f8f8f2;line-height:1.72}.blog-prose ul,.blog-prose ol{list-style-position:outside;margin-left:1.5rem;padding-left:.25rem}.blog-prose ul{list-style-type:square}.blog-prose ol{list-style-type:decimal}.blog-prose a{color:#8be9fd;text-decoration:underline;text-decoration-color:#8be9fd80;text-underline-offset:.2rem}.blog-prose strong{color:#f1fa8c;font-weight:700}.blog-prose em{color:#ff79c6}.blog-prose blockquote{border-left:3px solid #bd93f9;color:#6272a4;padding-left:1rem}.blog-prose :not(pre)>code{border:1px solid rgba(68,71,90,.9);border-radius:.25rem;background-color:#44475a8c;color:#f1fa8c;padding:.15rem .35rem}.blog-prose pre{border:1px solid rgba(68,71,90,.9);border-radius:.5rem;margin:1.5rem 0;overflow-x:auto;padding:1rem}.blog-prose pre code{display:block;font-size:.95rem;min-width:max-content;white-space:pre}.blog-prose hr{border:0;border-top:1px solid rgba(68,71,90,.8);margin:2rem 0}@media(min-width:40rem){.blog-page-title-row{align-items:start;column-gap:1.5rem;display:grid;grid-template-columns:minmax(0,1fr) auto}.blog-page-header h1{padding-right:0}.blog-command-line{margin-top:.25rem}.blog-main{padding:3rem 1.5rem 4rem}.blog-page-header,.blog-article,.blog-index{padding-left:2rem;padding-right:2rem}}