:root{--md-code-bg-light:241 236 236;--md-table-th-light:#e0dbdb;--md-table-td-light:#f8f8f8;--md-code-bg-dark:69 66 66;--md-table-th-dark:#4b4a4a;--md-table-td-dark:#363636}.znc{font-family:游ゴシック体,YuGothic,游ゴシック Medium,Yu Gothic Medium,游ゴシック,Yu Gothic,メイリオ,sans-serif;line-height:1.7}.znc h1{font-size:1.75rem;font-weight:800;margin-top:4rem;margin-bottom:2rem;padding-left:.5rem;padding-top:.2rem;letter-spacing:-.02em}.znc h1[id]:before,.znc h2[id]:before,.znc h3[id]:before{content:"#";position:absolute;left:-1.2em;color:#cbd5e1;font-weight:400;opacity:0;transition:opacity .2s}.znc h1[id]:hover:before,.znc h2[id]:hover:before,.znc h3[id]:hover:before{opacity:1}.znc h1[id],.znc h2[id],.znc h3[id]{position:relative}.znc h2{font-weight:700;font-size:1.4rem;margin-top:2.5rem;margin-bottom:1rem;padding-left:12px;padding-bottom:.3rem;border-bottom:none!important;border-left:4px solid #3b82f6}.znc h3{font-weight:700;font-size:1.1rem;margin-top:1.2rem;margin-bottom:.3rem}.znc h3,.znc ul{padding-left:10px}.znc ul{list-style-type:disc;margin-left:2rem}.znc ol>li{padding:3px}.znc ol{list-style-type:decimal;margin-left:2rem;padding-left:10px}.znc li{font-size:1rem}.znc ul>li{padding:3px}.znc a{color:#2563eb;transition:color .2s}.dark .znc a{color:#60a5fa}.znc a{text-decoration:none;background-image:linear-gradient(currentColor,currentColor);background-size:0 1px;background-position:0 100%;background-repeat:no-repeat;transition:background-size .3s,color .2s}.znc a:hover{color:#1d4ed8;background-size:100% 1px}.dark .znc a:hover{color:#93bbfd}.znc a[href^=http]:not([href*="kt-tech.blog"]):not(.link-card a):not(.link-card-body a):after{content:" ↗";font-size:.75em;opacity:.5}.znc .link-card a:after{content:none!important}.znc code{background-color:rgb(var(--md-code-bg-light));padding:.2rem .4rem;border-radius:4px;font-family:Fira Code,monospace;color:rgb(var(--foreground-rgb))}.dark .znc code{background-color:rgb(var(--md-code-bg-dark))}.znc pre{border-radius:8px;border:1px solid #e2e8f0;overflow-x:auto;margin:1.5rem 0;counter-reset:line}.dark .znc pre{border-color:#334155}.znc pre>code{background-color:#f6f8fa!important}.dark .znc pre>code{background-color:#22272e!important}.znc pre:has(code[class*=language-]){padding-top:2em}.znc pre code[class*=language-]:before{content:attr(data-lang);position:absolute;top:8px;left:12px;font-size:11px;font-family:-apple-system,sans-serif;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.znc pre code.language-typescript:before{content:"TypeScript"}.znc pre code.language-javascript:before{content:"JavaScript"}.znc pre code.language-bash:before{content:"Bash"}.znc pre code.language-css:before{content:"CSS"}.znc pre code.language-html:before{content:"HTML"}.znc pre code.language-json:before{content:"JSON"}.znc pre code.language-yaml:before{content:"YAML"}.znc pre code.language-toml:before{content:"TOML"}.znc pre code.language-python:before{content:"Python"}.znc pre code.language-ruby:before{content:"Ruby"}.znc pre code.language-go:before{content:"Go"}.znc pre code.language-sql:before{content:"SQL"}.znc pre code.language-tsx:before{content:"TSX"}.znc pre code.language-jsx:before{content:"JSX"}.znc pre .copy-btn{position:absolute;top:8px;right:8px;padding:4px 10px;font-size:12px;font-family:-apple-system,sans-serif;color:#64748b;background:hsla(0,0%,100%,.9);border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;opacity:0;transition:opacity .2s,background .2s}.dark .znc pre .copy-btn{color:#94a3b8;background:rgba(30,41,59,.9);border-color:#475569}.znc pre:hover .copy-btn{opacity:1}.znc pre .copy-btn:hover{background:#f1f5f9}.dark .znc pre .copy-btn:hover{background:#334155}.znc pre .copy-btn.copied{color:#16a34a;opacity:1}.znc blockquote{border-left:5px solid #b6c9d6;padding-left:1rem;margin:10px 10px 10px 2rem;font-style:italic}.dark .znc blockquote{border-left-color:#5eadf2}.znc hr{border:none;border-top:2px solid rgb(var(--border));margin:1.5rem 0}.znc img{max-width:80%!important;height:auto;display:block;margin:2rem auto;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);cursor:zoom-in;transition:opacity .2s}.znc img:hover{opacity:.9}.znc img[alt]:not([alt=""]){margin-bottom:.5rem}.znc img[alt]:not([alt=""]):after{content:attr(alt);display:block;text-align:center;font-size:.8rem;color:#94a3b8;margin-top:.5rem}.dark .znc img{box-shadow:0 2px 8px rgba(0,0,0,.4)}.znc p{padding-left:10px;padding-bottom:10px;line-height:1.85}.znc p+p{margin-top:.5rem}.index_img{width:100%;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;box-shadow:0 3px 6px rgba(0,0,0,.1)}.znc table{width:100%!important;border-collapse:collapse;margin-bottom:1.5rem;display:inline-table!important;border:1px solid #e2e8f0}.dark .znc table{border-color:#475569}.znc th{background:var(--md-table-th-light);color:rgb(var(--foreground-rgb));padding:.75rem;border:1px solid #e2e8f0;font-weight:600}.dark .znc th{background:var(--md-table-th-dark);border-color:#475569}.znc td{padding:.75rem;background:var(--md-table-td-light);text-align:left;color:rgb(var(--foreground-rgb));border:1px solid #e2e8f0}.dark .znc td{background:var(--md-table-td-dark);border-color:#475569}.znc li .link-card,.znc ul .link-card{list-style:none}.znc li:has(.link-card){list-style:none;margin-left:-2rem}.znc p:empty{display:none}@media (max-width:768px){.znc h1{font-size:1.3rem!important;margin-top:2rem!important;margin-bottom:1rem!important}.znc h2{font-size:1.2rem}.znc h3{font-size:1.1rem}.znc h4,.znc p{font-size:1rem}.znc ol,.znc ul{margin-left:1rem}.znc pre{font-size:.85rem;-webkit-overflow-scrolling:touch}.znc pre::-webkit-scrollbar{height:6px}.znc pre::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:3px}.znc code{font-size:.9rem}.znc blockquote{font-size:1rem}.znc img{max-width:100%}.index_img{width:100%;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;box-shadow:0 3px 6px rgba(0,0,0,.1)}}.znc .callout{display:flex;gap:1rem;padding:1.25rem 1.5rem;margin:2rem 0;border-radius:.75rem;font-style:normal;line-height:1.8;border:1px solid transparent;border-left:4px solid;font-size:1.05rem;color:#1e293b}.dark .znc .callout{color:#e2e8f0}.znc .callout-icon{font-size:1.5rem;flex-shrink:0;margin-top:.15rem}.znc .callout-content{flex:1;min-width:0}.znc .callout-content p{padding:0;margin:0}.znc .callout-content strong{font-weight:700}.znc .callout-content code{font-size:.9em}.znc .callout-default,.znc .callout-gray_background{background:#f3f4f6;border-color:#d1d5db #d1d5db #d1d5db #6b7280}.dark .znc .callout-default,.dark .znc .callout-gray_background{background:rgba(148,163,184,.2);border-color:rgba(148,163,184,.35) rgba(148,163,184,.35) rgba(148,163,184,.35) #94a3b8}.znc .callout-blue_background{background:#e8f4fd;border-color:#7cb9e8 #7cb9e8 #7cb9e8 #2563eb}.dark .znc .callout-blue_background{background:rgba(37,99,235,.22);border-color:rgba(59,130,246,.4) rgba(59,130,246,.4) rgba(59,130,246,.4) #60a5fa}.znc .callout-green_background{background:#e6f9ed;border-color:#6ee7a0 #6ee7a0 #6ee7a0 #16a34a}.dark .znc .callout-green_background{background:rgba(22,163,74,.22);border-color:rgba(34,197,94,.4) rgba(34,197,94,.4) rgba(34,197,94,.4) #4ade80}.znc .callout-yellow_background{background:#fef9e7;border-color:#f5d44e #f5d44e #f5d44e #ca8a04}.dark .znc .callout-yellow_background{background:rgba(202,138,4,.22);border-color:rgba(234,179,8,.4) rgba(234,179,8,.4) rgba(234,179,8,.4) #facc15}.znc .callout-red_background{background:#fde8e8;border-color:#f87171 #f87171 #f87171 #dc2626}.dark .znc .callout-red_background{background:rgba(220,38,38,.22);border-color:rgba(239,68,68,.4) rgba(239,68,68,.4) rgba(239,68,68,.4) #f87171}.znc .callout-purple_background{background:#f3e8ff;border-color:#c084fc #c084fc #c084fc #7c3aed}.dark .znc .callout-purple_background{background:rgba(124,58,237,.22);border-color:rgba(168,85,247,.4) rgba(168,85,247,.4) rgba(168,85,247,.4) #a78bfa}.znc .callout-pink_background{background:#fce7f3;border-color:#f472b6 #f472b6 #f472b6 #db2777}.dark .znc .callout-pink_background{background:rgba(219,39,119,.22);border-color:rgba(236,72,153,.4) rgba(236,72,153,.4) rgba(236,72,153,.4) #f472b6}.znc .callout-orange_background{background:#fff3e0;border-color:#fb923c #fb923c #fb923c #ea580c}.dark .znc .callout-orange_background{background:rgba(234,88,12,.22);border-color:rgba(249,115,22,.4) rgba(249,115,22,.4) rgba(249,115,22,.4) #fb923c}.table-contents{min-width:20%}.table-contents>h1{font-size:1.5rem;font-weight:700;margin-bottom:2rem;padding-left:.5rem;padding-top:.2rem;border-bottom:1px solid rgba(92,147,187,.17)}@media (max-width:768px){.table-contents>h1{font-size:1.3rem!important}}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#24292e;background:#f6f8fa}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable{color:#005cc5}.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-code,.hljs-comment,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{color:#22863a;background-color:#f0fff4}.hljs-deletion{color:#b31d28;background-color:#ffeef0}.dark .hljs{color:#adbac7;background:#22272e}.dark .hljs-doctag,.dark .hljs-keyword,.dark .hljs-meta .hljs-keyword,.dark .hljs-template-tag,.dark .hljs-template-variable,.dark .hljs-type,.dark .hljs-variable.language_{color:#f47067}.dark .hljs-title,.dark .hljs-title.class_,.dark .hljs-title.class_.inherited__,.dark .hljs-title.function_{color:#dcbdfb}.dark .hljs-attr,.dark .hljs-attribute,.dark .hljs-literal,.dark .hljs-meta,.dark .hljs-number,.dark .hljs-operator,.dark .hljs-selector-attr,.dark .hljs-selector-class,.dark .hljs-selector-id,.dark .hljs-variable{color:#6cb6ff}.dark .hljs-meta .hljs-string,.dark .hljs-regexp,.dark .hljs-string{color:#96d0ff}.dark .hljs-built_in,.dark .hljs-symbol{color:#f69d50}.dark .hljs-code,.dark .hljs-comment,.dark .hljs-formula{color:#768390}.dark .hljs-name,.dark .hljs-quote,.dark .hljs-selector-pseudo,.dark .hljs-selector-tag{color:#8ddb8c}.dark .hljs-subst{color:#adbac7}.dark .hljs-section{color:#316dca;font-weight:700}.dark .hljs-bullet{color:#eac55f}.dark .hljs-emphasis{color:#adbac7;font-style:italic}.dark .hljs-strong{color:#adbac7;font-weight:700}.dark .hljs-addition{color:#b4f1b4;background-color:#1b4721}.dark .hljs-deletion{color:#ffd8d3;background-color:#78191b}