.BlogPost-module__SY66Va__blogPostContainer{max-width:100%;margin:0 auto}.BlogPost-module__SY66Va__blogContent{color:var(--neutral-on-background-strong);font-size:1.1rem;line-height:1.8}.BlogPost-module__SY66Va__blogContent h1,.BlogPost-module__SY66Va__blogContent h2,.BlogPost-module__SY66Va__blogContent h3,.BlogPost-module__SY66Va__blogContent h4,.BlogPost-module__SY66Va__blogContent h5,.BlogPost-module__SY66Va__blogContent h6{scroll-margin-top:120px}.BlogPost-module__SY66Va__blogContent img{border-radius:12px;transition:transform .3s;box-shadow:0 4px 20px #0000001a}.BlogPost-module__SY66Va__blogContent img:hover{transform:scale(1.02)}.BlogPost-module__SY66Va__blogContent pre{overflow-x:auto;box-shadow:0 2px 10px #0000001a;border-radius:12px!important}.BlogPost-module__SY66Va__blogContent code:not(pre code){background-color:var(--neutral-alpha-weak);border-radius:4px;padding:2px 6px;font-size:.9em}.BlogPost-module__SY66Va__floatingNav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#282a36 0%,#21222c 100%);border:1px solid #44475a80;border-left:3px solid #bd93f9;border-radius:12px;width:100%;height:fit-content;padding:0;font-family:JetBrains Mono,Fira Code,Source Code Pro,Consolas,monospace;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 8px 32px #0000004d,0 0 0 1px #44475a80}.BlogPost-module__SY66Va__desktop-only{display:block!important}@media (max-width:1200px){.BlogPost-module__SY66Va__desktop-only{display:none!important}.BlogPost-module__SY66Va__mainContentArea{margin-left:0!important}}.BlogPost-module__SY66Va__mainContentArea{margin-left:320px}@media (max-width:1199px){.BlogPost-module__SY66Va__mainContentArea{margin-left:0!important}}[data-theme=dark] .BlogPost-module__SY66Va__floatingNav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--neutral-alpha-medium);background:#141414f2}.BlogPost-module__SY66Va__floatingNav:hover{border-left-color:var(--accent-strong);transform:translate(-2px);box-shadow:0 12px 40px #00000026,0 4px 12px #0000001a}.BlogPost-module__SY66Va__floatingNav::-webkit-scrollbar{width:6px}.BlogPost-module__SY66Va__floatingNav::-webkit-scrollbar-track{background:0 0;border-radius:3px}.BlogPost-module__SY66Va__floatingNav::-webkit-scrollbar-thumb{background:var(--neutral-alpha-medium);border-radius:3px;transition:background .2s}.BlogPost-module__SY66Va__floatingNav::-webkit-scrollbar-thumb:hover{background:var(--neutral-alpha-strong)}.BlogPost-module__SY66Va__tocHeader{border-bottom:2px solid var(--neutral-alpha-weak);color:var(--neutral-on-background-strong);align-items:center;gap:8px;margin-bottom:20px;padding-bottom:16px;font-weight:600;display:flex}.BlogPost-module__SY66Va__tocHeader svg{color:var(--accent-medium)}.BlogPost-module__SY66Va__quickActions{border-top:2px solid var(--neutral-alpha-weak);margin-top:20px;padding-top:20px}.BlogPost-module__SY66Va__quickActions button{border-radius:8px;width:100%;font-size:.9rem;font-weight:500;transition:all .2s}.BlogPost-module__SY66Va__quickActions button:hover{background:var(--accent-alpha-weak);color:var(--accent-strong);transform:translate(4px)}.BlogPost-module__SY66Va__scrollProgress{background:var(--neutral-alpha-weak);border-radius:2px;width:100%;height:3px;margin-top:20px;position:relative;overflow:hidden}.BlogPost-module__SY66Va__progressBar{background:linear-gradient(90deg,var(--accent-medium),var(--accent-strong));height:100%;box-shadow:0 0 6px var(--accent-alpha-medium);border-radius:2px;transition:width .1s ease-out;position:absolute;top:0;left:0}.BlogPost-module__SY66Va__floatingNav a,.BlogPost-module__SY66Va__floatingNav button{position:relative;overflow:hidden}.BlogPost-module__SY66Va__floatingNav a:before,.BlogPost-module__SY66Va__floatingNav button:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.BlogPost-module__SY66Va__floatingNav a:hover:before,.BlogPost-module__SY66Va__floatingNav button:hover:before{left:100%}@media (prefers-color-scheme:dark){.BlogPost-module__SY66Va__floatingNav{border-color:var(--neutral-alpha-medium);background:#1a1b26f2;box-shadow:0 8px 32px #0006,0 2px 6px #0003}.BlogPost-module__SY66Va__floatingNav:hover{box-shadow:0 12px 40px #00000080,0 4px 12px #0000004d}}.BlogPost-module__SY66Va__mobileNav{display:none!important}@media (max-width:1200px){.BlogPost-module__SY66Va__floatingNav{display:none}.BlogPost-module__SY66Va__blogPostContainer{flex-direction:column}.BlogPost-module__SY66Va__mobileNav{background:var(--neutral-alpha-weak);border:1px solid var(--neutral-alpha-medium);border-radius:12px;margin-bottom:32px;padding:20px;box-shadow:0 2px 8px #0000001a;display:block!important}.BlogPost-module__SY66Va__mobileNav nav{margin-top:12px}.BlogPost-module__SY66Va__mobileNav a{color:var(--neutral-on-background-medium);border-bottom:1px solid var(--neutral-alpha-weak);padding:8px 0;font-size:.9rem;text-decoration:none;transition:all .2s;display:block}.BlogPost-module__SY66Va__mobileNav a:hover{color:var(--accent-medium);padding-left:12px}.BlogPost-module__SY66Va__mobileNav a:last-child{border-bottom:none}}@media (max-width:768px){.BlogPost-module__SY66Va__blogContent{font-size:1rem;line-height:1.7}.BlogPost-module__SY66Va__blogPostContainer{padding:0 16px}}.BlogPost-module__SY66Va__blogContent strong{color:var(--neutral-on-background-strong);font-weight:600}.BlogPost-module__SY66Va__blogContent em{color:var(--neutral-on-background-medium);font-style:italic}.BlogPost-module__SY66Va__blogContent blockquote{margin:2rem 0;position:relative}.BlogPost-module__SY66Va__blogContent blockquote:before{content:"\"";color:var(--accent-alpha-medium);font-family:serif;font-size:3rem;position:absolute;top:-10px;left:-10px}.BlogPost-module__SY66Va__blogContent table{border-collapse:collapse;border-radius:8px;width:100%;margin:2rem 0;overflow:hidden;box-shadow:0 2px 10px #0000001a}.BlogPost-module__SY66Va__blogContent th,.BlogPost-module__SY66Va__blogContent td{text-align:left;border-bottom:1px solid var(--neutral-alpha-weak);padding:12px 16px}.BlogPost-module__SY66Va__blogContent th{background-color:var(--neutral-alpha-weak);font-weight:600}.BlogPost-module__SY66Va__blogContent tr:hover{background-color:var(--neutral-alpha-weak)}.BlogPost-module__SY66Va__desktopOnly{display:block}@media (max-width:1199px){.BlogPost-module__SY66Va__desktopOnly{display:none!important}}.BlogPost-module__SY66Va__navHeader{background:linear-gradient(135deg,#282a36 0%,#21222c 100%);border-bottom:1px solid #44475a99;justify-content:space-between;align-items:center;padding:.875rem 1.25rem;display:flex}.BlogPost-module__SY66Va__navDots{align-items:center;gap:.5rem;display:flex}.BlogPost-module__SY66Va__navDot{border-radius:50%;width:12px;height:12px;transition:all .2s cubic-bezier(.4,0,.2,1);display:block;box-shadow:inset 0 1px 2px #0006,0 1px #ffffff1a}.BlogPost-module__SY66Va__navDot:hover{transform:scale(1.05);box-shadow:inset 0 1px 2px #0006,0 1px #ffffff1a,0 0 8px #fff3}.BlogPost-module__SY66Va__navTitle{text-align:center;flex:1}.BlogPost-module__SY66Va__navFileName{color:#f8f8f2;text-shadow:0 1px 2px #0006;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,Source Code Pro,monospace;font-size:.875rem;font-weight:500}.BlogPost-module__SY66Va__navStatus{align-items:center;gap:.5rem;display:flex}.BlogPost-module__SY66Va__navStatusDot{text-shadow:0 0 6px;color:#50fa7b;font-size:.75rem;animation:2s infinite BlogPost-module__SY66Va__pulse}.BlogPost-module__SY66Va__navStatusText{color:#8be9fd;text-transform:uppercase;letter-spacing:.5px;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,Source Code Pro,monospace;font-size:.75rem;font-weight:500}.BlogPost-module__SY66Va__navContent{background:#282a364d;padding:1.5rem}.BlogPost-module__SY66Va__navSection{margin-bottom:1.5rem}.BlogPost-module__SY66Va__navSectionTitle{color:#bd93f9;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #bd93f94d;margin-bottom:1rem;padding-bottom:.5rem;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,Source Code Pro,monospace;font-size:.8rem;font-weight:600}.BlogPost-module__SY66Va__navButton{color:#f8f8f2!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#44475a99!important;border:1px solid #6272a466!important;border-radius:8px!important;align-items:center!important;gap:.5rem!important;width:100%!important;margin-bottom:.5rem!important;padding:.625rem 1rem!important;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,Source Code Pro,monospace!important;font-size:.8125rem!important;font-weight:500!important;text-decoration:none!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;display:flex!important}.BlogPost-module__SY66Va__navButton:hover{color:#bd93f9!important;background:#6272a4cc!important;border-color:#bd93f9cc!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #6272a44d!important}.BlogPost-module__SY66Va__navButton:active{transform:translateY(0)!important}.BlogPost-module__SY66Va__navButton:focus{outline:none!important;box-shadow:0 0 0 3px #bd93f94d!important}.BlogPost-module__SY66Va__navScanline{pointer-events:none;z-index:5;background:linear-gradient(#0000 50%,#50fa7b08 51%,#0000 52%) 0 0/100% 4px;animation:.5s linear infinite BlogPost-module__SY66Va__scanlines;position:absolute;inset:0}@keyframes BlogPost-module__SY66Va__pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes BlogPost-module__SY66Va__scanlines{0%{transform:translateY(0)}to{transform:translateY(4px)}}@media (max-width:1200px){.BlogPost-module__SY66Va__navHeader{flex-direction:column;gap:.5rem;padding:.5rem 1rem}.BlogPost-module__SY66Va__navTitle{order:-1}.BlogPost-module__SY66Va__navContent{padding:1rem}.BlogPost-module__SY66Va__navSectionTitle{font-size:.75rem}.BlogPost-module__SY66Va__navButton{padding:.5rem .8rem!important;font-size:.75rem!important}}@media (max-width:768px){.BlogPost-module__SY66Va__floatingNav{border-radius:0;margin:1rem -1rem}.BlogPost-module__SY66Va__navHeader,.BlogPost-module__SY66Va__navContent{padding:.5rem}}[data-theme=light] .BlogPost-module__SY66Va__navHeader{background:linear-gradient(135deg,#f8f8f2 0%,#fff 100%);border-bottom:1px solid #44475a33}[data-theme=light] .BlogPost-module__SY66Va__navFileName{color:#282a36}[data-theme=light] .BlogPost-module__SY66Va__navStatusText{color:#55f}[data-theme=light] .BlogPost-module__SY66Va__navSectionTitle{color:#6f42c1}[data-theme=light] .BlogPost-module__SY66Va__navButton{color:#282a36!important;background:#44475a1a!important;border:1px solid #6272a44d!important}[data-theme=light] .BlogPost-module__SY66Va__navButton:hover{color:#6f42c1!important;background:#6272a433!important;border-color:#bd93f980!important}[data-theme=light] .BlogPost-module__SY66Va__navContent{background:#f8f8f24d}@media (prefers-reduced-motion:reduce){.BlogPost-module__SY66Va__navScanline,.BlogPost-module__SY66Va__navStatusDot{animation:none}.BlogPost-module__SY66Va__floatingNav,.BlogPost-module__SY66Va__floatingNav *{transition:none!important}}
.token.comment,.token.prolog,.token.doctype,.token.cdata{color:var(--code-moss)}.token.punctuation{color:var(--code-gray)}.token.property,.token.tag,.token.constant,.token.symbol,.token.deleted{color:var(--code-aqua)}.token.boolean,.token.number{color:var(--code-green)}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:var(--code-blue)}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:var(--code-gray)}.token.atrule,.token.attr-value,.token.keyword{color:var(--code-violet)}.token.function,.token.class-name{color:var(--code-blue)}.token.regex,.token.important,.token.variable{color:var(--code-orange)}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}@media print{.line-highlight{-webkit-print-color-adjust:exact;print-color-adjust:exact;color-adjust:exact}}.line-highlight{background-color:var(--brand-alpha-weak);border-left:2px solid var(--brand-alpha-strong);width:100%;margin-top:var(--static-space-8);z-index:0;position:absolute;left:0}.line-numbers .line-highlight:before,.line-numbers .line-highlight:after{content:none}
.line-numbers{counter-reset:linenumber;position:relative}.line-numbers>code{white-space:inherit;position:relative}.line-numbers-rows{padding-right:var(--static-space-4);left:calc(-1*var(--static-space-40));pointer-events:none;width:var(--static-space-48);-webkit-user-select:none;user-select:none;font-size:100%;position:absolute;top:0}.line-numbers-rows>span{counter-increment:linenumber;display:block}.line-numbers-rows>span:before{content:counter(linenumber);color:var(--neutral-on-background-weak);padding-right:var(--static-space-8);text-align:right;display:block;transform:scale(.9)}
.CodeBlock-module-scss-module__x9hDXW__pre{isolation:isolate;font-family:var(--font-family-code);color:var(--neutral-on-background-strong);font-size:var(--font-size-body-s);white-space:pre;tab-size:2;width:100%;height:fit-content;min-height:var(--static-space-32);margin:0;line-height:1.75;display:flex}.CodeBlock-module-scss-module__x9hDXW__padding{padding:var(--static-space-8)}.CodeBlock-module-scss-module__x9hDXW__lineNumberPadding{padding:var(--static-space-8)var(--static-space-8)var(--static-space-8)var(--static-space-40)}.CodeBlock-module-scss-module__x9hDXW__code{width:100%;padding:0 var(--static-space-12);flex:1;margin:auto;font-family:inherit}.CodeBlock-module-scss-module__x9hDXW__fullscreen{left:var(--static-space-8);top:var(--static-space-8);right:var(--static-space-8);bottom:var(--static-space-8);z-index:9;position:fixed;width:calc(100% - var(--static-space-16))!important;height:calc(100% - var(--static-space-16))!important}