@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/fonts/JetBrainsMono.woff2)format("woff2")}.xd{--xd-sans:"Geist", "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--xd-serif:"Source Serif 4", "Pretendard Variable", Pretendard, "Apple SD Gothic Neo", "Noto Serif KR", serif;--xd-mono:"JetBrains Mono", D2Coding, ui-monospace, SFMono-Regular, Menlo, monospace;--xd-ink-rgb:11 11 11;--xd-bg:#fff;--xd-bg-2:#fcfcfb;--xd-card:#fff;--xd-ink:#0b0b0b;--xd-ink-2:#52514e;--xd-ink-3:#87867f;--xd-line:rgb(var(--xd-ink-rgb) / .1);--xd-line-2:rgb(var(--xd-ink-rgb) / .06);--xd-fill:rgb(var(--xd-ink-rgb) / .05);--xd-fill-2:#f0efec;--xd-link:#254eab;--xd-code-ink:#8e2626;--xd-code-text:#52514e;--xd-ease:cubic-bezier(.4, 0, .2, 1);--xd-side-w:264px;--xd-toc-w:240px;--xd-top:56px;background:var(--xd-bg);min-height:100vh;color:var(--xd-ink);font:400 14px/20px var(--xd-sans);letter-spacing:normal;word-break:keep-all;overflow-wrap:break-word;-webkit-font-smoothing:antialiased}html:has(.xd){background:var(--xd-bg)}html[data-site-theme=dark] .xd{--xd-ink-rgb:255 255 255;--xd-bg:#151515;--xd-bg-2:#151515;--xd-card:#1a1a19;--xd-ink:#f0efec;--xd-ink-2:#c3c2b7;--xd-ink-3:#898781;--xd-fill-2:#ffffff0f;--xd-link:#7daaeb;--xd-code-ink:#f0968c;--xd-code-text:#c3c2b7;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-site-theme=dark]:has(.xd){background:#151515}.xd *,.xd :before,.xd :after{box-sizing:border-box}.xd :where(h1,h2,h3,h4,p,ul,ol,figure,dl,dd,blockquote,pre){margin:0;padding:0}.xd :where(ul,ol){list-style:none}.xd :where(a){color:inherit;text-decoration:none}.xd :where(button){font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.xd a:focus-visible,.xd button:focus-visible,.xd input:focus-visible{outline:2px solid var(--xd-ink);outline-offset:2px;border-radius:6px}.xd-skip{z-index:100;background:var(--xd-card);border:1px solid var(--xd-line);border-radius:8px;padding:8px 12px;position:absolute;top:8px;left:-9999px}.xd-skip:focus{left:8px}.xd-body{padding-left:var(--xd-side-w);min-height:calc(100vh - var(--xd-top))}.xd[data-docs-home] .xd-body{padding-left:0}.xd-side-col{top:var(--xd-top);z-index:20;width:var(--xd-side-w);border-right:1px solid var(--xd-line);background:var(--xd-bg-2);overscroll-behavior:contain;scrollbar-width:thin;position:fixed;bottom:0;left:0;overflow-y:auto}.xd-main{min-width:0;min-height:calc(100vh - var(--xd-top));flex-direction:column;display:flex}.xd-page{grid-template-columns:minmax(0, 1fr) var(--xd-toc-w);flex:1 0 auto;display:grid}.xd[data-docs-home] .xd-page{display:block}.xd-side{padding:12px 12px 48px;font-size:14px;line-height:21px}.xd-search-btn{border:1px solid var(--xd-line);background:var(--xd-card);width:100%;height:36px;color:var(--xd-ink-3);text-align:left;border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:0 10px;font-size:14px;transition:border-color .15s,box-shadow .15s;display:flex}.xd-search-btn:hover{border-color:rgb(var(--xd-ink-rgb) / .25)}.xd-search-btn>span:first-of-type{flex:1}.xd-kbd{gap:3px;display:inline-flex}.xd-kbd kbd{border:1px solid var(--xd-line);background:var(--xd-bg-2);height:18px;font:500 11px/1 var(--xd-sans);color:var(--xd-ink-2);border-radius:4px;align-items:center;padding:0 5px;display:inline-flex}.xd-side-group{margin-top:20px}.xd-side-group:first-of-type{margin-top:6px}.xd-side-group h2{font:600 14px/21px var(--xd-sans);color:var(--xd-ink);padding:0 8px 6px}.xd-side-group ul{flex-direction:column;gap:1px;display:flex}.xd-side-group a{min-height:32px;color:var(--xd-ink-2);border-radius:8px;padding:6px 8px;line-height:20px;display:block}.xd-side-group a:hover{background:var(--xd-fill);color:var(--xd-ink)}.xd-side-group a[aria-current=page]{background:rgb(var(--xd-ink-rgb) / .1);color:var(--xd-ink)}.xd-side-empty{color:var(--xd-ink-3);padding:8px 12px}.xd-side-group a{align-items:center;gap:8px;display:flex}.xd-fold-btn{width:100%;min-height:32px;color:var(--xd-ink-2);text-align:left;border-radius:8px;justify-content:space-between;align-items:center;padding:6px 8px;line-height:20px;transition:background-color .15s,color .15s;display:flex}.xd-fold-btn:hover{background:var(--xd-fill);color:var(--xd-ink)}.xd-fold-btn svg{color:var(--xd-ink-3);flex:none;transition:transform .15s}.xd-fold[data-open]>.xd-fold-btn{background:var(--xd-fill);color:var(--xd-ink)}.xd-fold[data-open]>.xd-fold-btn svg{transform:rotate(90deg)}.xd-fold>ul[hidden]{display:none}.xd-fold>ul{flex-direction:column;gap:1px;margin-top:1px;padding-left:16px;display:flex}.xd-method{border-radius:5px;flex:none;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.xd-method.is-write{color:#3264a4;background:#cde2fb}.xd-method.is-read{color:#1d771d;background:#caeac7}.xd-method.is-delete{color:#8e2626;background:#fad6d6}html[data-site-theme=dark] .xd-method.is-write{color:#8cb9f0;background:#2a78d638}html[data-site-theme=dark] .xd-method.is-read{color:#8cd28c;background:#28963c38}html[data-site-theme=dark] .xd-method.is-delete{color:#f09696;background:#d03b3b38}.xd-article{min-width:0;max-width:922px;padding:36px 45px 80px}.xd-crumb{color:var(--xd-ink-2);align-items:center;gap:8px;font-size:14px;line-height:20px;display:flex}.xd-crumb a:hover{color:var(--xd-ink)}.xd-crumb span[aria-hidden]{color:var(--xd-ink-3)}.xd-title-row{justify-content:space-between;align-items:flex-start;gap:16px;margin-top:16px;display:flex}.xd-article h1{font:600 26.25px/32.8px var(--xd-serif);letter-spacing:-.005em;color:var(--xd-ink);text-wrap:balance}.xd-copy-page{border:1px solid var(--xd-line);background:var(--xd-card);height:32px;color:var(--xd-ink);white-space:nowrap;border-radius:8px;flex:none;align-items:stretch;font-size:14px;font-weight:500;display:inline-flex;position:relative}.xd-copy-main{transition:background-color 60ms var(--xd-ease);border-radius:7px 0 0 7px;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.xd-copy-more{width:28px;color:var(--xd-ink-2);transition:background-color 60ms var(--xd-ease);border-radius:0 7px 7px 0;justify-content:center;align-items:center;display:inline-flex;border-left:1px solid var(--xd-line)!important}.xd-copy-main:hover,.xd-copy-more:hover,.xd-copy-page[data-open] .xd-copy-more{background:var(--xd-fill)}.xd-copy-main[data-copied]{color:#146e46}html[data-site-theme=dark] .xd-copy-main[data-copied]{color:#78c896}.xd-copy-menu{z-index:30;border:1px solid var(--xd-line);background:var(--xd-card);border-radius:12px;flex-direction:column;min-width:224px;padding:6px;display:flex;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 4px 8px #0b0b0b14,0 12px 28px -2px #0b0b0b14}.xd-copy-menu button{width:100%;height:32px;color:var(--xd-ink);text-align:left;border-radius:8px;align-items:center;gap:10px;padding:0 8px;font-size:14px;font-weight:400;display:flex}.xd-copy-menu button:hover,.xd-copy-menu button:focus-visible{background:var(--xd-fill)}.xd-copy-menu svg{color:var(--xd-ink-2);flex:none}.xd-lede{color:var(--xd-ink-2);margin-top:12px;font-size:17px;line-height:26px}.xd-prose{color:var(--xd-ink-2);margin-top:28px;font-size:16.875px;line-height:25.3px}.xd-prose>*+*{margin-top:18px}.xd-prose h2{font:600 20.625px/25.8px var(--xd-serif);color:var(--xd-ink);scroll-margin-top:calc(var(--xd-top) + 24px);margin-top:37.5px}.xd-prose h3{font:600 17.5px/24px var(--xd-serif);color:var(--xd-ink);scroll-margin-top:calc(var(--xd-top) + 24px);margin-top:32px}.xd-prose h4{font:600 15.5px/22px var(--xd-sans);color:var(--xd-ink);scroll-margin-top:calc(var(--xd-top) + 24px);margin-top:24px}.xd-prose h2+*,.xd-prose h3+*,.xd-prose h4+*{margin-top:12px}.xd-anchor{color:inherit}.xd-anchor:hover:after{content:" #";color:var(--xd-ink-3);font-weight:400}.xd-prose p strong,.xd-prose li strong{color:var(--xd-ink);font-weight:600}.xd-prose a:not(.xd-card):not(.xd-anchor){color:var(--xd-link);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--xd-link) 40%, transparent);text-decoration-color:color-mix(in srgb, var(--xd-link) 40%, transparent);transition:text-decoration-color .15s}.xd-prose a:not(.xd-card):not(.xd-anchor):hover{text-decoration-color:currentColor}.xd :is(.xd-prose,.xd-lede,.xd-callout,.xd-card) :not(pre)>code{border:1px solid var(--xd-line);background:var(--xd-fill);color:var(--xd-code-ink);font-feature-settings:"calt" 0, "liga" 0;font-variant-ligatures:none;overflow-wrap:anywhere;border-radius:5.4px;padding:.84px 3.4px;font-weight:400;font-family:var(--xd-mono)!important;font-size:13.5px!important;line-height:1!important}.xd-prose ul,.xd-prose ol{padding-left:24px}.xd-prose ul{list-style:outside}.xd-prose ol{list-style:decimal}.xd-prose li{margin-top:6px;padding-left:4px}.xd-prose li>*+*{margin-top:8px}.xd-prose li::marker{color:var(--xd-ink-3)}.xd-prose blockquote{border-left:3px solid var(--xd-line);color:var(--xd-ink-2);padding:4px 0 4px 16px}.xd-prose hr{border:0;border-top:1px solid var(--xd-line);margin:36px 0}.xd-code{border:1px solid var(--xd-line);background:var(--xd-card);border-radius:11px;position:relative;overflow:hidden}.xd-code figcaption{border-bottom:1px solid var(--xd-line-2);min-height:36px;font:500 12.5px/1 var(--xd-sans);color:var(--xd-ink-2);align-items:center;padding:0 16px;display:flex}.xd .xd-code pre{color:var(--xd-code-text);font-feature-settings:"calt" 0, "liga" 0;font-variant-ligatures:none;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;background:0 0;margin:0;padding:16px 48px 16px 16px;font-weight:400;font-family:var(--xd-mono)!important;font-size:13px!important;line-height:19px!important}.xd .xd-code pre code{font-feature-settings:inherit;color:inherit;background:0 0;padding:0;font:inherit!important}.xd-code-copy{color:#898781;background:var(--xd-card);opacity:0;border:0;border-radius:7px;justify-content:center;align-items:center;width:28px;height:28px;transition:opacity .15s,background-color .15s,color .15s;display:inline-flex;position:absolute;top:12px;right:12px}.xd-code:hover .xd-code-copy,.xd-code-copy:focus-visible,.xd-code-copy[data-copied]{opacity:1}.xd-code figcaption~.xd-code-copy{top:4px}.xd-code-copy:hover{background:var(--xd-fill);color:var(--xd-ink)}@media (hover:none){.xd-code-copy{opacity:1}}.xd-code-copy[data-copied]{color:#146e46}.xd-tablist{scrollbar-width:none;border-bottom:1px solid var(--xd-line);gap:2px;display:flex;overflow-x:auto}.xd-tablist button{color:var(--xd-ink-2);white-space:nowrap;border-bottom:2px solid #0000;flex:none;margin-bottom:-1px;padding:8px 12px;font-size:14px;font-weight:500;transition:color .15s,border-color .15s}.xd-tablist button:hover{color:var(--xd-ink)}.xd-tablist button[aria-selected=true]{color:var(--xd-ink);border-bottom-color:var(--xd-ink)}.xd-tabpanel{padding-top:14px}.xd-tabpanel>*+*{margin-top:16px}.xd-table-wrap{border:1px solid var(--xd-line);border-radius:10px;overflow-x:auto}.xd-prose table{border-collapse:collapse;width:100%;font-size:15px;line-height:22px}.xd-prose th{background:var(--xd-fill-2);text-align:left;color:var(--xd-ink);border-bottom:1px solid var(--xd-line);padding:10px 14px;font-weight:600}.xd-prose td{border-top:1px solid var(--xd-line-2);vertical-align:top;padding:10px 14px}.xd-prose tr:first-child td{border-top:0}.xd-prose td:first-child{color:var(--xd-ink);font-weight:500}.xd-callout{border:1px solid var(--xd-line);background:var(--xd-bg-2);color:var(--xd-ink);border-radius:11px;align-items:flex-start;gap:10px;padding:10px 14px;font-size:15px;line-height:22.5px;display:flex}.xd-callout-icon{color:var(--xd-ink-2);flex:none;margin-top:2.5px;display:inline-flex}.xd-callout.is-warning .xd-callout-icon{color:#c4703f}.xd-callout.is-tip .xd-callout-icon{color:#288c5a}.xd-callout-body{flex:1;min-width:0}.xd-callout-body>*+*{margin-top:6px}.xd-callout-title{font-weight:600}.xd-callout-title:after{content:" "}.xd-callout-body>p:first-of-type{display:inline}.xd-prose .xd-callout-body>p:first-of-type+*{margin-top:6px}.xd-steps{padding:0!important;list-style:none!important}.xd-steps>li{grid-template-columns:28px minmax(0,1fr);gap:16px;display:grid;position:relative;margin:0!important;padding:0 0 28px!important}.xd-steps>li:before{content:"";background:var(--xd-line);width:1px;position:absolute;top:30px;bottom:0;left:13.5px}.xd-steps>li:last-child:before{display:none}.xd-steps>li:last-child{padding-bottom:0!important}.xd-step-num{border:1px solid var(--xd-line);background:var(--xd-fill-2);width:28px;height:28px;font:500 13px/1 var(--xd-sans);color:var(--xd-ink);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.xd-step-body{min-width:0;padding-top:3px}.xd-step-body>*+*{margin-top:12px}.xd-prose .xd-step-title{font:600 17px/22px var(--xd-serif);color:var(--xd-ink);margin:0}.xd-cards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.xd-card{border:1px solid var(--xd-line);background:var(--xd-card);color:var(--xd-ink-2);border-radius:12px;flex-direction:column;gap:6px;padding:18px 18px 20px;font-size:14.5px;line-height:21px;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}a.xd-card:hover{border-color:rgb(var(--xd-ink-rgb) / .25);box-shadow:0 6px 20px rgb(var(--xd-ink-rgb) / .06);transform:translateY(-1px)}.xd-card-title{font:600 15.5px/22px var(--xd-sans);color:var(--xd-ink)}.xd-card-body>*+*{margin-top:8px}.xd-card.has-art{padding-top:0;overflow:hidden}.xd-card-art{color:#141413;--xs-art-fill:#fff;place-items:center;height:120px;margin:0 -18px 12px;display:grid}.xd-card-art.is-lavender{background:#d1d1dd}.xd-card-art.is-sage{background:#bcd1ca}.xd-card-art.is-sand{background:#e8e2d4}.xd-card-art .xs-art{color:#141413}.xd-pager{border-top:1px solid var(--xd-line);grid-template-columns:1fr 1fr;gap:14px;margin-top:56px;padding-top:24px;display:grid}.xd-pager a{border:1px solid var(--xd-line);border-radius:10px;flex-direction:column;gap:4px;padding:14px 16px;transition:border-color .15s,background-color .15s;display:flex}.xd-pager a:hover{border-color:rgb(var(--xd-ink-rgb) / .3);background:var(--xd-bg-2)}.xd-pager a.is-next{text-align:right}.xd-pager small{color:var(--xd-ink-3);font-size:12.5px}.xd-pager span{color:var(--xd-ink);font-size:15px;font-weight:500}.xd-toc{padding:36px 24px 48px 0}.xd-toc nav{top:calc(var(--xd-top) + 36px);max-height:calc(100vh - var(--xd-top) - 48px);scrollbar-width:thin;position:sticky;overflow-y:auto}.xd-toc h2{font:600 13px/18px var(--xd-sans);color:var(--xd-ink);margin-bottom:10px;padding-left:16px}.xd-toc ul{border-left:1px solid var(--xd-line)}.xd-toc a{color:var(--xd-ink-3);border-left:1px solid #0000;margin-left:-1px;padding:6px 0 6px 15px;font-size:14px;line-height:20px;transition:color .15s,border-color .15s;display:block}.xd-toc li[data-level="3"] a{padding-left:27px}.xd-toc a:hover{color:var(--xd-ink)}.xd-toc a[aria-current=location]{color:var(--xd-ink);border-left-color:var(--xd-ink);font-weight:500}.xd-search-backdrop{z-index:80;background:#0b0b0b59;justify-content:center;align-items:flex-start;padding:15vh 16px 16px;display:flex;position:fixed;inset:0}.xd-search{background:var(--xd-card);width:100%;max-width:672px;height:min(500px,80vh);box-shadow:0 0 0 1px rgb(var(--xd-ink-rgb) / .1), 0 4px 8px #0b0b0b14, 0 12px 28px -2px #0b0b0b14;border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.xd-search-field{border-bottom:1px solid var(--xd-line);color:var(--xd-ink-3);align-items:center;gap:10px;padding:0 12px 0 18px;display:flex}.xd .xd-search-field input,.xd .xd-search-field input:focus,.xd .xd-search-field input:focus-visible{min-width:0;height:52px;box-shadow:none;font:400 15px/1 var(--xd-sans);color:var(--xd-ink);appearance:none;background:0 0;border:0;border-radius:0;outline:none;flex:1}.xd-search-field input::-webkit-search-cancel-button{display:none}.xd-search-field input::placeholder{color:var(--xd-ink-3)}.xd-search-close{width:28px;height:28px;color:var(--xd-ink-2);border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.xd-search-close:hover{background:var(--xd-fill);color:var(--xd-ink)}.xd-search-results{flex:1;padding:6px 8px 8px;overflow-y:auto}.xd-search-section+.xd-search-section{margin-top:8px}.xd-search-label{color:var(--xd-ink-3);padding:10px 10px 6px;font-size:12.5px;font-weight:500;display:block}.xd-search-results li[role=option] a{border-radius:8px;align-items:flex-start;gap:12px;padding:8px 10px;display:flex}.xd-search-results li[data-active] a{background:var(--xd-fill)}.xd-search-icon{color:var(--xd-ink-3);flex:none;margin-top:2px}.xd-search-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.xd-search-line{align-items:baseline;gap:8px;min-width:0;display:flex}.xd-search-title{text-overflow:ellipsis;white-space:nowrap;max-width:70%;color:var(--xd-ink);flex:none;font-size:14px;line-height:20px;overflow:hidden}.xd-search-crumb{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--xd-ink-3);font-size:12.5px;overflow:hidden}.xd-search-snippet{color:var(--xd-ink-2);font-size:12.5px;line-height:18px}.xd-search-enter{color:var(--xd-ink-3);visibility:hidden;flex:none;margin-top:3px}.xd-search-results li[data-active] .xd-search-enter{visibility:visible}.xd-search-empty{color:var(--xd-ink-3);text-align:center;padding:28px 12px;font-size:14px}.xd-search-foot{border-top:1px solid var(--xd-line);height:40px;color:var(--xd-ink-3);align-items:center;gap:20px;padding:0 18px;font-size:12.5px;display:flex}.xd-search-foot span{align-items:center;gap:4px;display:inline-flex}.xd-search-foot kbd{min-width:18px;height:18px;font:400 11.5px/1 var(--xd-sans);color:#6d6b67;border:1px solid #6d6b672e;border-radius:4px;justify-content:center;align-items:center;padding:0 4px;display:inline-flex}html[data-site-theme=dark] .xd-search-foot kbd{color:var(--xd-ink-2);border-color:#ffffff29}.xd-home{max-width:1120px;margin:0 auto;padding:0 16px 96px}.xd-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start;gap:64px;padding:72px 0 96px;display:grid}.xd-hero-kicker{color:var(--xd-ink-2);font-size:15px;font-weight:500}.xd-hero h1{font:300 52px/57px var(--xd-serif);letter-spacing:-.01em;color:var(--xd-ink);text-wrap:balance;margin-top:36px}.xd-hero-lede{max-width:448px;color:var(--xd-ink-2);margin-top:32px;font-size:15px;line-height:22px}.xd-home-search{border:1px solid var(--xd-line);background:var(--xd-card);width:100%;max-width:288px;height:36px;color:var(--xd-ink-3);text-align:left;border-radius:8px;align-items:center;gap:10px;margin-top:32px;padding:0 12px;font-size:14px;transition:border-color .15s;display:flex}.xd-home-search:hover{border-color:rgb(var(--xd-ink-rgb) / .25)}.xd-home-search>span:first-of-type{flex:1}.xd-chips{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.xd-chip{border:1px solid var(--xd-line);background:var(--xd-card);height:34px;color:var(--xd-ink);border-radius:8px;align-items:center;gap:8px;padding:0 12px;font-size:14px;font-weight:500;transition:background-color .15s,border-color .15s;display:inline-flex}.xd-chip:hover{background:var(--xd-fill);border-color:rgb(var(--xd-ink-rgb) / .2)}.xd-chip svg{color:var(--xd-ink-2)}.xd-hero-code{border:1px solid var(--xd-line);background:var(--xd-card);box-shadow:0 4px 24px rgb(var(--xd-ink-rgb) / .05);border-radius:12px;overflow:hidden}.xd-hero-code .xd-tablist{border-bottom:1px solid var(--xd-line);padding:0 8px}.xd-hero-code .xd-tablist button{margin-bottom:-1px;padding:11px 10px}.xd-hero-code .xd-tabpanel{padding:0}.xd-hero-code .xd-code{background:var(--xd-card);border:0;border-radius:0}.xd-hero-code .xd-code pre{min-height:240px;padding:20px 48px 24px 20px}.xd-sec{padding:56px 0 0}.xd-sec-kicker{color:var(--xd-ink-2);font-size:12.5px;font-weight:500}.xd-sec h2{font:500 22px/28px var(--xd-sans);color:var(--xd-ink);margin-top:10px}.xd-sec-sub{color:var(--xd-ink-2);margin-top:8px;font-size:15px;line-height:22px}.xd-ways{grid-template-columns:1fr 1fr;gap:24px;margin-top:32px;display:grid}.xd-way{border:1px solid var(--xd-line);background:var(--xd-card);border-radius:14px;flex-direction:column;padding:28px;display:flex}.xd-way-art{height:120px;color:var(--xd-ink);place-items:center;margin-bottom:20px;display:grid}.xd-way h3{font:500 20px/26px var(--xd-sans);color:var(--xd-ink)}.xd-way p{color:var(--xd-ink-2);margin-top:8px;font-size:15px;line-height:22px}.xd-way-links{flex-wrap:wrap;gap:8px 18px;margin-top:18px;display:flex}.xd-way-links a{color:var(--xd-ink);align-items:center;gap:6px;font-size:14px;font-weight:500;display:inline-flex}.xd-way-links a:hover{text-underline-offset:3px;text-decoration:underline}.xd-journey{grid-template-columns:repeat(4,1fr);gap:24px;margin-top:32px;display:grid}.xd-journey-step{border-top:1px solid var(--xd-line);padding-top:16px}.xd-journey-num{border:1px solid var(--xd-line);width:26px;height:26px;font:500 12.5px/1 var(--xd-sans);color:var(--xd-ink);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.xd-journey-step h3{font:500 16px/22px var(--xd-sans);color:var(--xd-ink);margin-top:12px}.xd-journey-step ul{flex-direction:column;gap:6px;margin-top:10px;display:flex}.xd-journey-step a{color:var(--xd-ink-2);font-size:14px}.xd-journey-step a:hover{color:var(--xd-ink);text-underline-offset:3px;text-decoration:underline}.xd-resources{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px;display:grid}.xd-resources .xd-card{font-size:14px}@media (max-width:1199px){.xd{--xd-side-w:240px}.xd-page{grid-template-columns:minmax(0,1fr)}.xd-toc{display:none}.xd-article{padding:32px 36px 72px}}@media (max-width:1023px){.xd-body{padding-left:0}.xd-side-col{display:none}.xt-drawer-extra .xd-side{max-height:none;padding:0;position:static;overflow:visible}.xd-article{max-width:none;padding:28px 24px 64px}.xd-hero{grid-template-columns:1fr;gap:40px;padding:48px 0 64px}.xd-hero h1{font-size:44px;line-height:50px}.xd-journey,.xd-resources{grid-template-columns:1fr 1fr}}@media (max-width:767px){.xd-article{padding:24px 16px 56px}.xd-title-row{flex-direction:column;gap:14px}.xd-article h1{font-size:24px;line-height:30px}.xd-prose{font-size:16px;line-height:24.5px}.xd-ways,.xd-journey,.xd-resources{grid-template-columns:1fr}.xd-hero h1{margin-top:24px;font-size:36px;line-height:42px}.xd-hero-code .xd-code pre{min-height:0}.xd-pager{grid-template-columns:1fr}.xd-pager a.is-next{text-align:left}.xd-search-backdrop{align-items:stretch;padding:8px}.xd-search{height:auto;max-height:none}.xd-search-foot{display:none}}@media (prefers-reduced-motion:reduce){.xd-card{transition:none}}