._read-progress_q8fld_1{position:fixed;left:0;right:0;top:0;z-index:70;height:3px;pointer-events:none}._read-progress_q8fld_1 span{display:block;height:100%;background:var(--grad);transform:scaleX(0);transform-origin:left}._post-layout_q8fld_19{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:clamp(32px,5vw,80px);align-items:start}._post_q8fld_19{min-width:0;max-width:760px}._crumbs_q8fld_31{display:flex;flex-wrap:wrap;gap:10px;align-items:center}._crumbs_q8fld_31 a{transition:color .2s ease}._crumbs_q8fld_31 a:hover{color:var(--ink)}._crumbs_q8fld_31 [aria-current]{color:var(--ink-2);min-width:0;overflow-wrap:anywhere}._post_q8fld_19 ._crumbs_q8fld_31{margin-bottom:28px}._post__head_q8fld_56{display:grid;gap:18px}._post__meta_q8fld_61{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px}._post__meta_q8fld_61>span{display:inline-flex;align-items:center;gap:6px}._post__meta_q8fld_61 .i{width:14px;height:14px}._post__title_q8fld_79{font-size:clamp(2rem,1.5rem + 2vw,3.25rem);letter-spacing:-.04em;line-height:1.08}._post__lead_q8fld_85{color:var(--ink-2);font-size:var(--fs-lead)}._post__head_q8fld_56 .btn{justify-self:start}._post__cover_q8fld_94{margin:36px 0 44px;aspect-ratio:2/1;border-radius:var(--r-lg);overflow:hidden;background:var(--art-bg);border:1px solid var(--line)}._post__cover_q8fld_94 img{width:100%;height:100%;object-fit:cover}._post__foot_q8fld_109{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-top:56px;padding-top:28px;border-top:1px solid var(--line)}._src_q8fld_120{display:inline-flex;align-items:center;gap:6px}._src_q8fld_120 .i{width:14px;height:14px}._src--medium_q8fld_131{color:var(--ink)}._src--devto_q8fld_135{color:var(--accent-text)}._prose_q8fld_139{font-size:1.125rem;line-height:1.75;color:var(--ink);overflow-wrap:anywhere}._prose_q8fld_139>*+*{margin-top:1.25em}._prose_q8fld_139 h2,._prose_q8fld_139 h3,._prose_q8fld_139 h4{margin-top:2em;line-height:1.25;letter-spacing:-.025em}._prose_q8fld_139 h2{font-size:1.75rem}._prose_q8fld_139 h3{font-size:1.375rem}._prose_q8fld_139 h4{font-size:1.125rem}._prose_q8fld_139 p,._prose_q8fld_139 li{color:var(--ink)}._prose_q8fld_139 a{color:var(--accent-text);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--accent-text) 40%,transparent)}._prose_q8fld_139 a:hover{text-decoration-color:currentColor}._prose_q8fld_139 ul,._prose_q8fld_139 ol{padding-left:1.4em}._prose_q8fld_139 ul{list-style:disc}._prose_q8fld_139 ol{list-style:decimal}._prose_q8fld_139 li+li{margin-top:.4em}._prose_q8fld_139 li::marker{color:var(--accent-text)}._prose_q8fld_139 img{border-radius:14px;margin-inline:auto}._prose_q8fld_139 figure{margin-inline:0}._prose_q8fld_139 figcaption{margin-top:10px;text-align:center;font-size:var(--fs-small);color:var(--ink-3)}._prose_q8fld_139 blockquote{margin-inline:0;padding:4px 0 4px 22px;border-left:2px solid var(--accent);color:var(--ink-2);font-size:1.1875rem}._prose_q8fld_139 code{font-family:var(--font-mono);font-size:.88em;padding:.15em .4em;border-radius:6px;background:var(--hover);border:1px solid var(--line)}._prose_q8fld_139 pre,._prose_q8fld_139 pre[class*=language-]{position:relative;margin:0;padding:40px 22px 20px;border-radius:16px;background:#0d0f14;color:#e6e9ef;border:1px solid var(--line);overflow-x:auto;font-size:.875rem;line-height:1.65;text-shadow:none}._prose_q8fld_139>*+pre,._prose_q8fld_139>*+pre[class*=language-]{margin-top:1.25em}._prose_q8fld_139 pre code,._prose_q8fld_139 pre code[class*=language-]{padding:0;border:0;background:none;font-family:var(--font-mono);font-size:inherit;color:inherit;text-shadow:none}._prose_q8fld_139 iframe{width:100%;border:0;border-radius:14px;aspect-ratio:16/9;height:auto}._prose_q8fld_139 table{width:100%;border-collapse:collapse;font-size:var(--fs-small)}._prose_q8fld_139 th,._prose_q8fld_139 td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left}._prose_q8fld_139 hr{border:0;height:1px;background:var(--line-strong);margin-block:2.5em}._prose_q8fld_139 pre[data-lang]:before{content:attr(data-lang);position:absolute;top:12px;left:22px;font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:.08em;text-transform:uppercase;color:#8b949e}._prose_q8fld_139 pre .token.keyword,._prose_q8fld_139 pre .token.atrule,._prose_q8fld_139 pre .token.important,._prose_q8fld_139 pre .token.rule{color:#ff7b72}._prose_q8fld_139 pre .token.string,._prose_q8fld_139 pre .token.char,._prose_q8fld_139 pre .token.attr-value,._prose_q8fld_139 pre .token.template-string,._prose_q8fld_139 pre .token.url{color:#a5d6ff}._prose_q8fld_139 pre .token.regex{color:#7ee787}._prose_q8fld_139 pre .token.comment,._prose_q8fld_139 pre .token.prolog,._prose_q8fld_139 pre .token.doctype,._prose_q8fld_139 pre .token.cdata{color:#8b949e;font-style:italic}._prose_q8fld_139 pre .token.function,._prose_q8fld_139 pre .token.function-variable{color:#d2a8ff}._prose_q8fld_139 pre .token.class-name,._prose_q8fld_139 pre .token.builtin,._prose_q8fld_139 pre .token.variable,._prose_q8fld_139 pre .token.parameter{color:#ffa657}._prose_q8fld_139 pre .token.number,._prose_q8fld_139 pre .token.boolean,._prose_q8fld_139 pre .token.constant,._prose_q8fld_139 pre .token.symbol,._prose_q8fld_139 pre .token.attr-name,._prose_q8fld_139 pre .token.property,._prose_q8fld_139 pre .token.key{color:#79c0ff}._prose_q8fld_139 pre .token.tag,._prose_q8fld_139 pre .token.selector{color:#7ee787}._prose_q8fld_139 pre .token.tag .token.punctuation,._prose_q8fld_139 pre .token.punctuation,._prose_q8fld_139 pre .token.operator{color:#c9d1d9}._prose_q8fld_139 pre .token.entity,._prose_q8fld_139 pre .token.title{color:#79c0ff;font-weight:600}._prose_q8fld_139 pre .token.inserted{color:#aff5b4;background:#2ea04326}._prose_q8fld_139 pre .token.deleted{color:#ffdcd7;background:#f8514926}._prose_q8fld_139 pre .token.bold{font-weight:700}._prose_q8fld_139 pre .token.italic{font-style:italic}._post-aside_q8fld_394{position:sticky;top:calc(var(--header-h) + 16px)}._post-aside__inner_q8fld_399{padding:22px;border-radius:var(--r-lg)}._others_q8fld_404{margin-top:14px}._others_q8fld_404 li+li{border-top:1px solid var(--line)}._other_q8fld_404{display:grid;grid-template-columns:88px minmax(0,1fr);align-items:start;gap:14px;padding:14px 0}._other__thumb_q8fld_420{display:block;aspect-ratio:16/10;border-radius:10px;border:1px solid var(--line)}._other__thumb_q8fld_420 img,._other__thumb_q8fld_420 .art{transition:transform .6s var(--ease-out)}._other_q8fld_404:hover ._other__thumb_q8fld_420 img,._other_q8fld_404:hover ._other__thumb_q8fld_420 .art{transform:scale(1.06)}._other__text_q8fld_437{display:grid;gap:6px;min-width:0}._other__title_q8fld_443{font-weight:550;line-height:1.35;letter-spacing:-.01em;transition:color .2s ease}._other_q8fld_404:hover ._other__title_q8fld_443{color:var(--accent-text)}@media (max-width: 1000px){._post-layout_q8fld_19{grid-template-columns:minmax(0,1fr)}._post-aside_q8fld_394{position:relative;top:auto}}