@layer components{code{font-family:var(--font-mono);font-size:.9em;padding:.125em .375em;background:var(--color-surface);border-radius:var(--radius);color:var(--color-text)}pre{font-family:var(--font-mono);font-size:var(--text-sm);line-height:normal;padding:var(--space-4);background:var(--color-surface);border-radius:var(--radius-lg);overflow-x:auto;margin:var(--space-4)0;border:1px solid var(--color-border);scrollbar-width:thin;scrollbar-color:var(--color-border)transparent}pre::-webkit-scrollbar{height:6px}pre::-webkit-scrollbar-track{background:0 0}pre::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:3px}pre::-webkit-scrollbar-thumb:hover{background-color:var(--color-text-muted)}pre code{padding:0;background:0 0;border-radius:0;font-size:inherit}pre[data-language]{position:relative;padding-top:calc(var(--space-4) + 1.5em)}pre[data-language]::before{content:attr(data-language);position:absolute;top:var(--space-2);right:var(--space-3);font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:500}pre.line-numbers{padding-left:3.5em;position:relative}pre.line-numbers .line-numbers-rows{position:absolute;left:0;top:var(--space-4);width:3em;text-align:right;color:var(--color-text-muted);border-right:1px solid var(--color-border);padding-right:var(--space-2);user-select:none;pointer-events:none}pre.line-numbers .line-numbers-rows>span{display:block;counter-increment:line}pre.line-numbers .line-numbers-rows>span::before{content:counter(line)}.highlight .c,.highlight .c1,.highlight .cm,.highlight .cs{color:#6a737d;font-style:italic}.highlight .s,.highlight .s1,.highlight .s2,.highlight .sb,.highlight .sc,.highlight .sd,.highlight .se,.highlight .sh,.highlight .si,.highlight .sr,.highlight .sx{color:#032f62}.highlight .k,.highlight .kc,.highlight .kd,.highlight .kn,.highlight .kp,.highlight .kr,.highlight .kt{color:#d73a49;font-weight:600}.highlight .nf,.highlight .fm{color:#6f42c1}.highlight .nc,.highlight .nn,.highlight .no{color:#22863a}.highlight .m,.highlight .mi,.highlight .mf,.highlight .mh,.highlight .mo{color:#005cc5}.highlight .o,.highlight .ow{color:#d73a49}.highlight .n,.highlight .na,.highlight .nb,.highlight .nv,.highlight .vi,.highlight .vg{color:#24292e}.highlight .nt{color:#22863a}.highlight .na{color:#6f42c1}.highlight .err{color:#cb2431;background-color:#ffdce0}.highlight .gi{color:#22863a;background-color:#f0fff4}.highlight .gd{color:#cb2431;background-color:#ffeef0}@media(prefers-color-scheme:dark){code{color:#e6edf3}.highlight .c,.highlight .c1,.highlight .cm,.highlight .cs{color:#8b949e}.highlight .s,.highlight .s1,.highlight .s2,.highlight .sb,.highlight .sc,.highlight .sd,.highlight .se,.highlight .sh,.highlight .si,.highlight .sr,.highlight .sx{color:#a5d6ff}.highlight .k,.highlight .kc,.highlight .kd,.highlight .kn,.highlight .kp,.highlight .kr,.highlight .kt{color:#ff7b72}.highlight .nf,.highlight .fm{color:#d2a8ff}.highlight .nc,.highlight .nn,.highlight .no{color:#7ee787}.highlight .m,.highlight .mi,.highlight .mf,.highlight .mh,.highlight .mo{color:#79c0ff}.highlight .o,.highlight .ow{color:#ff7b72}.highlight .n,.highlight .na,.highlight .nb,.highlight .nv,.highlight .vi,.highlight .vg{color:#c9d1d9}.highlight .nt{color:#7ee787}.highlight .na{color:#d2a8ff}.highlight .err{color:#f85149;background-color:rgba(248,81,73,.15)}.highlight .gi{color:#7ee787;background-color:rgba(63,185,80,.15)}.highlight .gd{color:#f85149;background-color:rgba(248,81,73,.15)}}}@layer components{.post-content .code-block{margin:var(--space-5,1.5rem)0;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-lg,.75rem);background:var(--color-surface)}.post-content .code-block__header{position:relative;display:flex;min-height:2.75rem;align-items:center;justify-content:space-between;gap:var(--space-3,.75rem);padding:.35rem .55rem .35rem 4rem;border-bottom:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface) 72%,var(--color-background))}.post-content .code-block__header::before{position:absolute;left:1rem;top:50%;width:.55rem;height:.55rem;border-radius:50%;background:var(--color-danger,#e78284);box-shadow:1rem 0 var(--color-warning,#e5c890),2rem 0 var(--color-success,#a6c98b);content:"";transform:translateY(-50%)}.post-content .code-block__meta{display:flex;min-width:0;align-items:baseline;gap:.65rem;font-family:var(--font-mono);font-size:var(--text-xs,.75rem)}.post-content .code-block__title{overflow:hidden;color:var(--color-text);font-weight:600;text-overflow:ellipsis;white-space:nowrap}.post-content .code-block__lang{flex:none;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.post-content .code-block>pre{margin:0;border:0;border-radius:0;background:var(--color-surface)}.post-content .code-block__copy{display:inline-flex;flex:none;align-items:center;gap:.4rem;padding:.35rem .55rem;border:1px solid var(--color-border);border-radius:var(--radius,.35rem);background:0 0;color:var(--color-text-muted);font:500 var(--text-xs,.75rem)/1.25 var(--font-sans,system-ui);cursor:pointer;user-select:none}.post-content .code-block__copy svg{width:.95rem;height:.95rem}.post-content .code-block__copy:hover,.post-content .code-block__copy:focus-visible{border-color:var(--color-primary);background:var(--color-background);color:var(--color-text)}.post-content .code-block__copy:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.post-content .code-block__copy--done{color:var(--color-success,var(--color-primary))}@media(max-width:480px){.post-content .code-block__header{padding-inline-start:3.5rem}.post-content .code-block__copy span{display:none}}@media print{.post-content .code-block__copy{display:none!important}}}