@font-face{font-family:JetBrains Mono Nerd Font;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/JetBrainsMonoNerdFont-Medium.woff2) format("woff2"),url(/fonts/JetBrainsMonoNerdFont-Medium.woff) format("woff")}article.blog p{margin:var(--space-m) 0}article.blog li::marker{color:var(--gray)}article.blog .toc{background:#5a89430d;border-radius:4px;padding:var(--space-xs);margin:var(--space-s) 0;border-left:2px solid var(--accent2)}article.blog .toc-details{width:100%}article.blog .toc-title{margin-top:0!important;font-size:1rem;border-bottom:none!important;cursor:pointer;padding:0;font-weight:400;color:var(--gray)}article.blog .toc-title::marker{color:var(--accent2)}article.blog .toc-title::-webkit-details-marker{color:var(--accent2)}article.blog .toc-title:hover{color:var(--accent3)}article.blog .toc-list{list-style-type:none;padding-left:0;margin:var(--space-xs) 0 0 0;font-size:.9rem}article.blog .toc-item{margin:.25rem 0;line-height:1.3}article.blog .toc-item.depth-2{margin-left:0}article.blog .toc-item.depth-3{margin-left:.75rem;font-size:.85rem;opacity:.9}article.blog .toc-link{display:inline-block;text-decoration:none;color:var(--text-primary);padding:.1rem .3rem;border-radius:3px;transition:all .2s ease}article.blog .toc-link:hover{text-decoration:underline;color:var(--accent2)}article.blog .toc-link-active{background-color:#5a894326;color:var(--accent2);font-weight:500;position:relative}article.blog .toc-link-active:before{content:"";position:absolute;left:-.5rem;top:50%;transform:translateY(-50%);width:3px;height:70%;background-color:var(--accent2);border-radius:2px}article.blog .toc.toc-mobile{display:block}article.blog .toc.toc-pc{display:none}@media (min-width: 1024px){article.blog .toc.toc-mobile{display:none}article.blog .toc.toc-pc{display:block;position:fixed;top:5rem;right:1rem;width:16rem;max-height:calc(100vh - 10rem);overflow-y:auto;margin:0;z-index:10;background:var(--bg);border:1px solid rgba(90,137,67,.2);box-shadow:0 2px 8px #0000000d}}article.blog h1,article.blog h2,article.blog h3,article.blog h4,article.blog h5,article.blog h6{color:var(--accent1);margin-block:var(--space-m);line-height:1.2}article.blog h1{font-size:clamp(1.5rem,4vw,2.5rem)}article.blog h2{font-size:clamp(1.25rem,3.5vw,2rem);border-bottom:2px solid var(--gray)}article.blog h3{font-size:clamp(1.1rem,3vw,1.75rem);border-bottom:1px solid var(--gray)}article.blog h4{font-size:clamp(1rem,2.5vw,1.5rem);border-bottom:1px solid var(--gray)}article.blog h5{font-size:clamp(.9rem,2vw,1.3rem)}article.blog h6{font-size:clamp(.8rem,1.5vw,1.1rem)}article.blog h2 span,article.blog h3 span,article.blog h4 span{display:inline-block;position:relative;padding:0 .3em}article.blog h2 span{color:var(--accent1)}article.blog h2 span:before{position:absolute;bottom:-2px;left:0;width:100%;height:2px;background-color:var(--accent2);content:""}article.blog h3 span{color:var(--accent2)}article.blog h3 span:before{position:absolute;bottom:-1px;left:0;width:100%;height:1px;background-color:var(--accent3);content:""}article.blog h4 span{color:var(--accent3)}article.blog h4 span:before{position:absolute;bottom:-1px;left:0;width:100%;height:1px;background-color:var(--accent1);content:""}article.blog a{color:var(--accent2);transition:color .2s,text-decoration .2s;text-decoration:underline dotted;text-underline-offset:3px;text-underline-position:under;text-decoration-thickness:1px;text-decoration-skip-ink:all;word-wrap:break-word}article.blog a:hover{color:var(--accent3);text-decoration:underline}article.blog img{max-width:100%;height:auto;border-radius:4px}article.blog hr{border:none;border-top:1px solid var(--gray);margin:var(--space-m) 0}article.blog code:not(pre code){background:var(--gray);border-radius:3px;color:var(--bg);padding:.2em .4em;font-family:JetBrains Mono Nerd Font,monospace;font-size:.9em}article.blog blockquote{margin:var(--space-m) 0;padding:var(--space-s);border-left:3px solid var(--accent2);background-color:#8080801a;border-radius:0 3px 3px 0}article.blog kbd{color:var(--color);padding:.2em .4em;background:#8080801a;border-radius:3px;border:1px solid var(--gray);box-shadow:0 2px 0 var(--gray);font-family:JetBrains Mono Nerd Font,monospace;font-size:.9em}article.blog mark{background:var(--accent3);padding:.1em .3em;border-radius:3px}article.blog section.footnotes{margin-top:var(--space-l);font-size:.9em;color:var(--gray);padding-top:var(--space-m)}article.blog table{border-collapse:collapse;width:100%;margin:var(--space-m) 0}article.blog table th,article.blog table td{padding:.5em .75em}article.blog table th{font-weight:700;text-align:left;background-color:#8080801a}article.blog table tr{border-bottom:1px solid var(--gray)}article.blog table tr:has(th){border-bottom:2px solid var(--accent2)}article.blog table tr:nth-child(2n){background:#8080800d}article.blog aside.directive{background:#8080801a;border-radius:6px;padding:var(--space-m);display:flex;flex-direction:column;align-items:flex-start;margin:var(--space-m) 0;gap:var(--space-xs);border-left:4px solid var(--gray)}article.blog aside.directive .aside-title{display:flex;align-items:center;font-weight:700;font-size:1.1em}article.blog aside.directive .aside-title .icon{margin-right:var(--space-xs);width:20px;height:20px;display:inline-block;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}article.blog aside.directive .aside-content{flex-grow:1}article.blog aside.directive.tips{background:#f5a7421a;border-left-color:var(--accent3)}article.blog aside.directive.tips .icon{--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M9 18h6m-5 3h4m-5-6c.001-2-.499-2.5-1.5-3.5S6.025 9.487 6 8c-.047-3.05 2-5 6-5c4.001 0 6.049 1.95 6 5c-.023 1.487-.5 2.5-1.5 3.5c-.999 1-1.499 1.5-1.5 3.5'/%3E%3C/svg%3E");-webkit-mask-image:var(--svg);mask-image:var(--svg)}article.blog aside.directive.warning{background:#ff6b6b1a;border-left-color:var(--light-red)}article.blog aside.directive.warning .icon{--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M2.725 21q-.275 0-.5-.137t-.35-.363t-.137-.488t.137-.512l9.25-16q.15-.25.388-.375T12 3t.488.125t.387.375l9.25 16q.15.25.138.513t-.138.487t-.35.363t-.5.137zm1.725-2h15.1L12 6zM12 18q.425 0 .713-.288T13 17t-.288-.712T12 16t-.712.288T11 17t.288.713T12 18m0-3q.425 0 .713-.288T13 14v-3q0-.425-.288-.712T12 10t-.712.288T11 11v3q0 .425.288.713T12 15m0-2.5'/%3E%3C/svg%3E");background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg)}article.blog aside.directive.info{background:#add8e61a;border-left-color:var(--light-blue)}article.blog aside.directive.info .icon{--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='m12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z'/%3E%3Cpath fill='%23000' d='M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12S6.477 2 12 2m0 2a8 8 0 1 0 0 16a8 8 0 0 0 0-16m0 11a1 1 0 1 1 0 2a1 1 0 0 1 0-2m0-9a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0V7a1 1 0 0 1 1-1'/%3E%3C/g%3E%3C/svg%3E");background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg)}article.blog aside.directive.note{background:#5a89431a;border-left-color:var(--accent2)}article.blog aside.directive.note .icon{--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 20h9M16.376 3.622a1 1 0 0 1 3.002 3.002L7.368 18.635a2 2 0 0 1-.855.506l-2.872.838a.5.5 0 0 1-.62-.62l.838-2.872a2 2 0 0 1 .506-.854z'/%3E%3C/svg%3E");background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg)}article.blog .code-block-with-title{width:100%;font-size:.9rem;line-height:1.5;margin:var(--space-m) 0}article.blog .code-block-with-title .code-block-title-wrapper{text-align:right;font-size:.85rem;color:var(--gray);margin-bottom:.25rem}article.blog .code-block-wrapper{display:flex;flex-direction:row;font-size:13px;line-height:1.6;position:relative}article.blog .code-block-wrapper+.code-block-wrapper{margin-top:var(--space-m)}article.blog .code-block-wrapper .code-content{width:100%}article.blog .code-block-wrapper .code-content pre{padding:1rem;border-radius:.5rem;margin:0}article.blog .code-block-wrapper .code-content pre code{font-family:JetBrains Mono Nerd Font,monospace;display:block}article.blog .code-block-wrapper .code-content code>span.line{padding-left:.4rem}article.blog .code-block-wrapper .code-content pre,article.blog .code-block-wrapper .code-content span{--bg: var(--shiki-light-bg);--color: var(--shiki-light);background:var(--bg);color:var(--color)}article.blog .code-block-wrapper .line-number{position:absolute;left:0;transform:translate(calc(-100% + 1ch));border-radius:.5rem 0 0 .5rem;display:flex;flex-direction:column;--bg: #fdf6e3;--color: #5c6a72;color:var(--color);text-align:right;user-select:none;padding:1rem .4rem;background:linear-gradient(to right,var(--bg) calc(100% - 1px),var(--gray) 100%) var(--bg);font-size:13px;line-height:1.6}article.blog .code-block-wrapper .line-number-item{display:block;min-height:1.6em}@media (width < 820px){article.blog .code-block-wrapper .line-number{display:none}}body.dark article.blog aside.directive{background:#a0a8a41a}body.dark article.blog aside.directive.tips{background:#f5a7421a}body.dark article.blog aside.directive.warning{background:#ff6b6b1a}body.dark article.blog aside.directive.info{background:#add8e61a}body.dark article.blog aside.directive.note{background:#7ab33d1a}body.dark article.blog .toc{background:#a0a8a41a;border-left:4px solid var(--accent2)}body.dark article.blog .code-block-wrapper .line-number{--bg: #2d353b;--color: #d3c6aa}body.dark article.blog .code-block-wrapper pre,body.dark article.blog .code-block-wrapper span{--bg: var(--shiki-dark-bg);--color: var(--shiki-dark);background:var(--bg);color:var(--color)}