.post-container [data-bright-theme=blog]{--code-border-radius:12px;--code-padding-block:1.25em;--gutter-width:calc(2em + 2ch);--ch-0:light;--ch-16:var(--code-background-color);--ch-4:var(--color);--ch-24:var(--color-neutral-500);--ch-20:#ede9fe;--code-mark-color:#a855f7;--ch-1:#8b8494;--ch-2:#2563eb;--ch-3:var(--color);--ch-5:#9333ea;--ch-6:#c026d3;--ch-7:#db2777;--ch-8:#0f766e;--ch-9:#dc2626;--ch-15:#8b8494;--ch-22:#f3effa;--ch-23:#e4dcf2;border:1px solid var(--color-neutral-200)}.post-container [data-bright-theme=blog] [data-bright-ln]{box-sizing:content-box;margin-left:-1em;margin-right:.75em;padding-inline:1em;font-weight:600;width:2ch!important}.post-container .code-block{position:relative}.post-container .copy-button{color:var(--color-neutral-500);cursor:pointer;background-color:var(--code-background-color);opacity:0;place-items:center;padding:.4rem;transition:opacity .15s,color .15s;display:grid;position:absolute;top:.5rem;right:.5rem}.post-container .copy-button[data-copied]{color:#16a34a}@media (hover:none){.post-container .copy-button{opacity:1}}.post-container .code-block:hover .copy-button,.post-container .code-block:focus-within .copy-button{opacity:1}.post-container pre{margin:16px 0;font-size:.8rem;overflow-x:auto;padding-block:0!important}.post-container pre code{padding-block:var(--code-padding-block);background:linear-gradient(to right, var(--color-neutral-50) 0 calc(var(--gutter-width) - 1px), var(--color-neutral-200) calc(var(--gutter-width) - 1px) var(--gutter-width), transparent var(--gutter-width))}.post-container pre [data-line]{padding:0 1rem}.post-container pre [data-highlighted-line]{background:linear-gradient(var(--code-mark-color), var(--code-mark-color)) left / 3px 100% no-repeat, linear-gradient(to right, transparent var(--gutter-width), var(--ch-20) var(--gutter-width))}.post-container pre [data-highlighted-line] [data-bright-ln]{color:var(--code-mark-color)}.post-container{position:relative}.post-container .post-title{font-family:var(--font-gluten);text-wrap:balance;font-size:2rem;font-weight:700;line-height:120%}.post-container .post-date{font-family:var(--font-gluten);color:var(--color-gray-500);margin-top:-.1em;font-size:.9rem;font-weight:400;display:block}.post-container p{color:var(--color);text-wrap-style:pretty;font-size:1.1rem;font-weight:400;line-height:1.6}.post-container pre{font-size:1rem}.post-container strong{font-weight:600}.post-container p,.post-container .insert,.post-container ul{margin-bottom:var(--margin-bottom)}.post-container .insert>p{margin-bottom:0}.post-container h2{max-width:500px;margin-top:40px;margin-bottom:20px;scroll-margin-top:50px;font-size:1.7rem;font-weight:600;line-height:1.2}.post-container h3{max-width:500px;margin-top:20px;margin-bottom:20px;font-size:1.5rem;font-weight:600;line-height:1.2}.post-container p>a{color:var(--link-color);font-weight:500}.post-container :is(p,li)>code{font-family:var(--font-space-grotesk);color:#201d21;background-color:#f5f3ff;border-radius:4px;padding:2px 4px;font-size:.9rem;font-weight:600}.post-container blockquote{color:var(--quote-color);padding:0 5%;font-size:.8rem}.post-container ul{flex-direction:column;row-gap:10px;font-size:1.1rem;list-style-type:none;display:flex}.post-container .insert{font-family:var(--font-space-grotesk);color:var(--insert-foreground);background:var(--insert-background);border-bottom:4px solid var(--insert-border);border-radius:10px;margin:40px 20px 40px 0;padding:25px;font-weight:700;position:relative}.post-container .insert p{color:var(--insert-foreground);font-size:1rem}.post-container .insert .icon-container{z-index:1;background-color:var(--background);border-radius:50%;padding:4px;position:absolute;top:0;left:0;transform:translate(-25%,-25%)}.post-container .insert .icon-container svg{stroke-width:2.5px;width:26px;height:26px}.post-container iframe{margin:0 auto}.post-container .useful-links{--link-color:#60a5fa;font-family:var(--font-space-grotesk);margin-top:40px}.post-container .useful-links h3{margin-bottom:10px;font-size:1.4rem;font-weight:600}.post-container .useful-links ul{row-gap:5px;padding-left:0}.post-container .useful-links li{color:var(--link-color);gap:5px;line-height:1.5;display:flex}.post-container .useful-links svg{width:17px}.post-container .useful-links a{text-underline-offset:3px;font-size:1rem;text-decoration:underline;text-decoration-thickness:1px}.post-container{--color:#201d21;--margin-bottom:16px;--link-color:#7e22ce;--code-background-color:#fff;--code-color:var(--color);--quote-color:gray}.post-container [data-status=info]{--insert-foreground:#1d4ed8;--insert-background:#dbeafe;--insert-border:#1d4ed8}.post-container [data-status=success]{--insert-foreground:#16a34a;--insert-background:#dcfce7;--insert-border:#16a34a}.post-container [data-status=warning]{--insert-foreground:#92400e;--insert-background:#fef3c7;--insert-border:#92400e}.post-container [data-status=error]{--insert-foreground:#991b1b;--insert-background:#fee2e2;--insert-border:#991b1b}