.blog-main{color:#f8f8f2;flex-shrink:0;flex-grow:1;display:flex;justify-content:center;padding:2rem 1rem 3rem}.blog-panel{width:min(100%,52rem);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(2rem,4vw,3rem);font-weight:800;letter-spacing:-.03em}.blog-page-intro{color:#6272a4;margin-top:1rem;max-width:40rem}.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:.45rem;padding:1.15rem 0}.blog-index-link:hover .blog-index-title,.blog-index-link:focus-visible .blog-index-title{color:#8be9fd}.blog-index-title{color:#f8f8f2;font-size:1.35rem;font-weight:700;transition:color .16s ease-in-out}.blog-meta{color:#6272a4;font-size:.9rem}.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.5rem;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(2rem,4vw,2.75rem);font-weight:800;letter-spacing:-.04em;margin-bottom:.75rem}.blog-prose{color:#f8f8f2}.blog-prose>*+*{margin-top:1rem}.blog-prose h2,.blog-prose h3,.blog-prose h4{color:#bd93f9;font-weight:700;margin-top:2rem}.blog-prose h2{font-size:1.5rem}.blog-prose h3{font-size:1.25rem}.blog-prose p,.blog-prose li,.blog-prose blockquote{color:#f8f8f2;line-height:1.8}.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;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}}