.dev-article{--dev-ink: #172033;--dev-muted: #586477;--dev-blue: #315dff;--dev-line: #e1e6ed;--dev-paper: #f5f7fa;display:block;width:min(calc(100% - 80px),1160px);margin:0 auto;padding:40px 0 64px;color:var(--dev-ink);background:#fff;font-family:var(--text-font-family, system-ui, sans-serif);font-size:18px;text-align:start}.dev-article *,.dev-article *:before,.dev-article *:after{box-sizing:border-box}.dev-article [hidden]{display:none!important}.dev-article a{color:var(--dev-blue);text-underline-offset:.18em}.dev-article :where(a,button,summary,[tabindex]):focus-visible{outline:2px solid var(--dev-blue);outline-offset:4px}.dev-article__header{margin-bottom:40px}.dev-article__back,.dev-article__footer{font-size:14px;line-height:1.6}.dev-article__back{display:inline-block;margin-bottom:20px}.dev-article__header h1{margin:0;font-size:clamp(32px,4vw,48px);font-weight:650;line-height:1.18;letter-spacing:-.025em;text-transform:none;overflow-wrap:anywhere;text-wrap:balance}.dev-article__meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;margin-top:22px;color:var(--dev-muted);font-size:13px;line-height:1.7}.dev-article__tools{margin-top:24px}.dev-article__reading-toggle,.dev-article__exit-reading{min-height:44px;padding:10px 14px;border:1px solid var(--dev-line);border-radius:4px;background:#fff;color:var(--dev-blue);font:inherit;font-size:13px;line-height:1.5;cursor:pointer}.dev-article__tools>.dev-article__reading-toggle{margin-bottom:16px}.dev-article__share{min-width:0;font-size:12px;line-height:1.5}.dev-article__share-label{display:block;margin-bottom:8px;color:var(--dev-muted);font-weight:600}.dev-article__share-links{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.dev-article__share-links>:is(a,button){display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;max-width:100%;padding:9px;border:1px solid var(--dev-line);border-radius:4px;background:#fff;color:var(--dev-ink);font:inherit;text-decoration:none;cursor:pointer}.dev-article__share-links>:is(a,button):hover{border-color:var(--dev-blue);color:var(--dev-blue);background:#f5f8ff}.dev-article__share-icon,.dev-article__share-icon svg{display:block;flex:0 0 24px;width:24px;height:24px}.dev-article__share-links [data-copied]{border-color:var(--dev-blue);color:var(--dev-blue)}.dev-article__summary{margin-top:22px;color:var(--dev-muted);font-size:18px;line-height:1.7}.dev-article__summary p{margin:0}.dev-article__cover{margin:28px 0 0;padding:0;background:var(--dev-paper);border:1px solid var(--dev-line);border-radius:6px;overflow:hidden}.dev-article__cover img{display:block;width:100%;height:auto}.dev-article__layout{display:grid;grid-template-columns:minmax(0,72ch) minmax(180px,1fr);align-items:start;gap:56px;font-size:18px}.dev-article__body{min-width:0;max-width:72ch;overflow-wrap:break-word;line-height:1.8}.dev-article__body :where(p,ul,ol,dl,blockquote,pre,figure,table){margin-block:0 1.35em}.dev-article__body :where(h2,h3,h4){position:relative;color:var(--dev-ink);font-weight:650;text-transform:none;letter-spacing:-.015em;overflow-wrap:anywhere;scroll-margin-top:calc(var(--header-height, 80px) + 28px)}.dev-article__body :where(h2){margin:2.1em 0 .7em;padding-top:.5em;border-top:1px solid var(--dev-line);font-size:29px;line-height:1.35}.dev-article__body :where(h3){margin:1.7em 0 .55em;font-size:23px;line-height:1.4}.dev-article__body :where(h4){margin:1.5em 0 .5em;font-size:20px;line-height:1.45}.dev-article__body :where(ul,ol){padding-inline-start:1.5em}.dev-article__body :where(ul){list-style:disc}.dev-article__body :where(ol){list-style:decimal}.dev-article__body :where(li+li){margin-top:.45em}.dev-article__body :where(li>ul,li>ol){margin-block:.5em 0}.dev-article__body :where(a){overflow-wrap:anywhere;text-decoration:underline}.dev-article__body :where(img,video){display:block;max-width:100%;height:auto;margin-inline:auto;border-radius:4px}.dev-article__body :where(iframe){max-width:100%}.dev-article__body :where(figcaption,p:has(>em:only-child)){color:var(--dev-muted);font-size:14px;line-height:1.65}.dev-article__body :where(blockquote){padding:4px 0 4px 20px;border-inline-start:3px solid var(--dev-blue);color:var(--dev-muted)}.dev-article__body :where(blockquote>:last-child){margin-bottom:0}.dev-article__body :where(hr){margin:36px 0;border:0;border-top:1px solid var(--dev-line)}.dev-article__body :where(code,pre,kbd,samp){font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.86em;font-variant-ligatures:none}.dev-article__body :where(:not(pre)>code){padding:.15em .35em;border-radius:3px;background:#edf1f7;overflow-wrap:anywhere;white-space:break-spaces}.dev-article__body :where(pre){max-width:100%;padding:20px;overflow:auto;overscroll-behavior-inline:contain;border:1px solid var(--dev-line);border-radius:5px;background:var(--dev-paper);line-height:1.65;direction:ltr;text-align:left;tab-size:2}.dev-article__body :where(pre>code){padding:0;font-size:1em;white-space:pre;overflow-wrap:normal}.dev-article__code{max-width:100%;min-width:0;margin-bottom:1.35em;border:1px solid var(--dev-line);border-radius:5px;overflow:hidden;background:var(--dev-paper)}.dev-article__code-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:8px 16px;border-bottom:1px solid var(--dev-line);font-size:12px;line-height:1.6}.dev-article__language{color:var(--dev-muted);font-family:ui-monospace,monospace}.dev-article__code-bar button{padding:4px 8px;border:1px solid var(--dev-line);border-radius:3px;background:#fff;color:var(--dev-blue);font:inherit;cursor:pointer}.dev-article__code pre{margin:0;border:0;border-radius:0}.dev-article__code pre:focus-visible{outline-offset:-3px}.dev-article__body :where(table){display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;font-size:15px;line-height:1.65}.dev-article__body :where(th,td){padding:12px 14px;border:1px solid var(--dev-line);text-align:start;vertical-align:top}.dev-article__body :where(th){background:var(--dev-paper);color:var(--dev-ink);font-weight:650}.dev-article__table{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;margin-bottom:1.35em}.dev-article__table table{display:table;width:100%;margin:0;overflow:visible}.dev-article__body :where(var){font-family:Georgia,Times New Roman,serif;font-size:1.06em;font-style:italic}.dev-article__body :where(sup,sub){position:relative;vertical-align:baseline;font-size:.75em;line-height:0}.dev-article__body :where(sup){top:-.5em}.dev-article__body :where(sub){bottom:-.2em}.dev-article__body :where([id]){scroll-margin-top:calc(var(--header-height, 80px) + 28px)}.dev-article__anchor{display:inline-block;margin-inline-start:.4em;padding-inline:.15em;opacity:0;color:var(--dev-blue);font-size:.75em;font-weight:400;text-decoration:none!important}.dev-article__body :where(h2,h3):hover .dev-article__anchor,.dev-article__anchor:focus-visible{opacity:1}.dev-article__aside{position:sticky;top:calc(var(--header-height, 80px) + 28px);min-width:0}.dev-article__toc{color:var(--dev-muted);font-size:13px;line-height:1.55}.dev-article__toc summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;margin-bottom:14px;color:var(--dev-ink);font-size:13px;font-weight:650;list-style:none;cursor:pointer}.dev-article__toc summary::-webkit-details-marker{display:none}.dev-article__toc summary:after{content:"";flex:0 0 7px;width:7px;height:7px;margin-inline-end:4px;border-inline-end:1.5px solid currentColor;border-block-end:1.5px solid currentColor;transform:rotate(45deg)}.dev-article__toc[open] summary:after{transform:rotate(225deg)}.dev-article__toc nav{max-height:calc(100svh - var(--header-height, 80px) - 100px);overflow-y:auto;scrollbar-width:thin}.dev-article__toc ol{display:grid;gap:4px;margin:0;padding:0;list-style:none}.dev-article__toc a{display:block;padding:6px 10px;border-inline-start:2px solid transparent;color:var(--dev-muted);text-decoration:none;overflow-wrap:anywhere}.dev-article__toc a:hover{color:var(--dev-blue)}.dev-article__toc a[aria-current=location]{border-color:var(--dev-blue);background:#edf2ff;color:var(--dev-blue)}.dev-article__toc li[data-level="3"] a{padding-inline-start:22px;font-size:12px}.dev-article__footer{max-width:72ch;margin-top:48px;padding-top:24px;border-top:1px solid var(--dev-line)}.dev-article__footer-links{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-top:24px}.dev-article__header,.dev-article__footer{scroll-margin-top:calc(var(--header-height, 80px) + 28px)}.dev-article__status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.dev-article:lang(zh),.dev-article:lang(ja),.dev-article:lang(ko){line-break:strict;word-break:normal}.dev-article:lang(zh) .dev-article__header h1,.dev-article:lang(ja) .dev-article__header h1,.dev-article:lang(ko) .dev-article__header h1{line-height:1.4;letter-spacing:0}body[data-dev-reading] :is(.shopify-section-group-header-group,.shopify-section-group-footer-group,.dev-blog-bar){display:none!important}body[data-dev-reading] .dev-article{width:min(calc(100% - 40px),72ch);padding-top:84px}body[data-dev-reading] .dev-article__layout{display:block}body[data-dev-reading] .dev-article__aside,body[data-dev-reading] [data-reading-mode]{display:none!important}body[data-dev-reading] .dev-article :where([id]){scroll-margin-top:76px}.dev-article__exit-reading{position:fixed;z-index:60;inset-block-start:16px;inset-inline-end:20px;max-width:calc(100vw - 40px);background:#fff;box-shadow:0 2px 12px #17203314}@media(max-width:999px){.dev-article{width:min(calc(100% - 48px),760px);padding-top:28px}.dev-article__layout{display:flex;flex-direction:column;gap:28px}.dev-article__aside{position:static;order:-1;width:100%;padding:14px 18px;border:1px solid var(--dev-line);border-radius:4px;background:var(--dev-paper)}.dev-article__toc summary{margin:0}.dev-article__toc[open] summary{margin-bottom:12px}.dev-article__toc nav{max-height:45svh}.dev-article__body{width:100%}.dev-article__share-links>:is(a,button),.dev-article__code-bar button,.dev-article__toc a{min-height:44px}}@media(max-width:699px){.dev-article{width:calc(100% - 40px);padding-bottom:44px}.dev-article__header{margin-bottom:28px}.dev-article__header h1{font-size:32px;line-height:1.28}.dev-article__meta{gap:8px 16px;margin-top:18px}.dev-article__cover{margin-top:22px}.dev-article__body :where(h2){font-size:26px}.dev-article__body :where(h3){font-size:22px}.dev-article__anchor{opacity:1}}@media print{.dev-article{width:100%;padding:0}.dev-article__layout{display:block}.dev-article__aside,.dev-article__tools,.dev-article__share,.dev-article__exit-reading,.dev-article__anchor,.dev-article__code-bar button{display:none}.dev-article__body pre{white-space:pre-wrap;overflow-wrap:anywhere}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/dev-article.css.map */