.dc{grid-template-columns:240px minmax(0,1fr) 208px;gap:56px;max-width:1360px;margin:0 auto;padding:0 32px;display:grid}.dc-side{scrollbar-width:thin;align-self:start;height:calc(100vh - 60px);padding:32px 4px 64px 0;position:sticky;top:60px;overflow:auto}.dc-search{background:var(--soft);width:100%;height:40px;font:400 14px/1 var(--sans);color:var(--ink-3);cursor:pointer;border:0;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:0 10px 0 14px;transition:background .15s,color .15s;display:flex}.dc-search:hover{background:var(--soft-2);color:var(--ink-2)}.dc-search kbd{background:var(--bg);font:500 11.5px/1 var(--sans);color:var(--ink-3);border-radius:6px;padding:3px 6px}.dc-nav,.dc-nav__g+.dc-nav__g{margin-top:28px}.dc .dc-nav__h{font:600 12.5px/1.4 var(--sans);letter-spacing:.01em;color:var(--ink);margin:0 0 6px;padding-left:12px}.dc-nav ul,.dc-mnav ul{gap:1px;margin:0;padding:0;list-style:none;display:grid}.dc-nav a,.dc-mnav nav a{font:400 14.5px/1.35 var(--sans);color:var(--ink-2);border-radius:8px;padding:7px 12px;transition:background .15s,color .15s;display:block}.dc-nav a:hover,.dc-mnav nav a:hover{background:var(--soft);color:var(--ink)}.dc-nav a[aria-current=page],.dc-mnav nav a[aria-current=page]{background:var(--accent-soft);color:var(--accent);font-weight:500}.dc-main{min-width:0;padding:40px 0 96px}.dc-art{max-width:720px;margin:0 auto}.dc-crumb{font:500 13px/1.4 var(--sans);color:var(--ink-3);flex-wrap:wrap;gap:8px;display:flex}.dc-crumb a:hover{color:var(--ink)}.dc .dc-h1{font:var(--t-title);letter-spacing:var(--t-title-track);color:var(--ink);text-wrap:balance;margin:16px 0 0}.dc .dc-lede{font:var(--t-body);color:var(--ink-2);text-wrap:pretty;margin:16px 0 0!important}.dc-meta{font:400 13.5px/1.4 var(--sans);color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:8px 20px;margin-top:20px;display:flex}.dc-meta button,.dc-meta a{font:inherit;color:var(--ink-2);cursor:pointer;text-decoration:underline;text-decoration-color:var(--rule-2);text-underline-offset:3px;background:0 0;border:0;padding:0}.dc-meta button:hover,.dc-meta a:hover{color:var(--ink);text-decoration-color:currentColor}.dc-body,.dc-faq{font:var(--t-body);color:var(--ink)}.dc-body{margin-top:40px}.dc-body>*+*{margin-top:20px}.dc .dc-body>h2,.dc .dc-faq>h2{font:var(--t-title);letter-spacing:var(--t-title-track);color:var(--ink);text-wrap:balance;scroll-margin-top:84px;margin:56px 0 0!important}.dc .dc-body>h2+*{margin-top:16px!important}.dc-body>h2:first-child{margin-top:0!important}.dc-body h3{font:600 var(--t-body-size)/1.4 var(--t-body-font);color:var(--ink);margin:40px 0 0;scroll-margin-top:84px}.dc-body h3+*{margin-top:8px}.dc-body p,.dc-body li,.dc-body dd{text-wrap:pretty}.dc-body a,.dc-faq a,.dc-help a{text-decoration:underline;text-decoration-color:var(--rule-2);text-underline-offset:3px;transition:text-decoration-color .15s}.dc-body a:hover,.dc-faq a:hover,.dc-help a:hover{text-decoration-color:currentColor}.dc-body b,.dc-body strong,.dc-faq b{font-weight:600}.dc-body ul,.dc-faq ul{gap:8px;margin-left:0;padding:0;list-style:none;display:grid}.dc-body ul>li,.dc-faq ul>li{padding-left:22px;position:relative}.dc-body ul>li:before,.dc-faq ul>li:before{content:"";background:var(--ink-3);border-radius:50%;width:6px;height:6px;position:absolute;top:.72em;left:4px}.dc-body ol{counter-reset:dc;gap:16px;margin-left:0;padding:0;list-style:none;display:grid}.dc-body ol>li{counter-increment:dc;min-height:28px;padding-left:44px;position:relative}.dc-body ol>li:before{content:counter(dc);background:var(--ink);width:28px;height:28px;color:var(--bg);font:600 13px/1 var(--sans);font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;display:grid;position:absolute;top:1px;left:0}.dc-body dl{grid-template-columns:minmax(0,190px) minmax(0,1fr);gap:14px 24px;margin-top:24px;display:grid}.dc-body dt{font:600 var(--t-body-size)/var(--t-body-lh) var(--t-body-font);color:var(--ink)}.dc-body dd{color:var(--ink-2);margin:0}.dc-body blockquote{background:var(--soft);color:var(--ink-2);border-radius:14px;margin:28px 0 0;padding:18px 22px}.dc-body blockquote p+p{margin-top:8px}.dc-body blockquote>p:first-child>strong:first-child{color:var(--ink);display:block}.dc-body blockquote a{color:var(--ink)}.dc-body .dc-urgent{background:color-mix(in srgb,var(--crit) 8%,var(--bg))}.dc-body .dc-urgent>p:first-child>strong:first-child{color:var(--crit)}.dc-body code,.dc-faq code{background:var(--soft);color:var(--ink);overflow-wrap:anywhere;border-radius:6px;padding:2px 6px;font:400 .84em/1.4 ui-monospace,SF Mono,Menlo,monospace}.dc-body pre{background:var(--soft);color:var(--ink);border-radius:14px;margin-top:24px;padding:18px 20px;font:400 13.5px/1.65 ui-monospace,SF Mono,Menlo,monospace;position:relative;overflow-x:auto}.dc-body pre code{font:inherit;overflow-wrap:normal;background:0 0;padding:0}.dc-copy{background:var(--bg);height:28px;font:500 12.5px/1 var(--sans);color:var(--ink-3);cursor:pointer;opacity:0;border:0;border-radius:8px;padding:0 10px;transition:opacity .15s,color .15s;position:absolute;top:10px;right:10px}.dc-body pre:hover .dc-copy,.dc-copy:focus-visible{opacity:1}.dc-copy:hover{color:var(--ink)}.dc-body table{border-collapse:separate;border-spacing:0;width:100%;font:400 15.5px/1.55 var(--sans);margin-top:24px;display:block;overflow-x:auto}.dc-body th{text-align:left;vertical-align:bottom;font:600 13px/1.4 var(--sans);color:var(--ink-3);white-space:nowrap;padding:0 24px 10px 0}.dc-body td{text-align:left;vertical-align:top;color:var(--ink-2);padding:8px 24px 8px 0}.dc-body td:first-child{color:var(--ink);white-space:nowrap;font-weight:500}.dc-body td code{white-space:nowrap}.dc-faq{margin-top:64px}.dc-q{margin-top:28px;scroll-margin-top:84px}.dc-faq>h2+.dc-q{margin-top:20px}.dc-q h3{font:600 var(--t-body-size)/1.45 var(--t-body-font);color:var(--ink);margin:0;scroll-margin-top:84px}.dc-q>div{color:var(--ink-2);margin-top:6px}.dc-q>div>*+*{margin-top:12px}.dc-q b,.dc-q a{color:var(--ink)}.dc-pn{grid-template-columns:1fr 1fr;gap:16px;margin-top:80px;display:grid}.dc-pn a{background:var(--soft);border-radius:14px;flex-direction:column;gap:4px;padding:18px 20px;transition:background .15s;display:flex}.dc-pn a:hover{background:var(--soft-2)}.dc-pn small{font:500 13px/1.3 var(--sans);color:var(--ink-3)}.dc-pn a span{font:500 16px/1.35 var(--sans);color:var(--ink)}.dc-pn__next{text-align:right;grid-column:2;align-items:flex-end}.dc .dc-help{font:var(--t-body);color:var(--ink-3);margin-top:32px!important}.dc-help a{color:var(--ink-2)}.dc-toc{scrollbar-width:thin;align-self:start;max-height:calc(100vh - 60px);padding:40px 0 48px;position:sticky;top:60px;overflow:auto}.dc .dc-toc__h{font:600 12.5px/1.4 var(--sans);color:var(--ink);margin:0 0 10px}.dc-toc ul{gap:2px;margin:0;padding:0;list-style:none;display:grid}.dc-toc a{font:400 13.5px/1.4 var(--sans);color:var(--ink-3);padding:5px 0;transition:color .15s;display:block}.dc-toc a:hover{color:var(--ink)}.dc-toc a.is-on{color:var(--accent);font-weight:500}.dc-toc__sub a{padding-left:14px}.dc-mnav{display:none}.dc-find{background:var(--bg);width:min(620px,100vw - 32px);max-height:min(560px,100vh - 120px);color:var(--ink);box-shadow:var(--shadow);border:0;border-radius:18px;margin:12vh auto auto;padding:0;overflow:hidden}.dc-find[open]{flex-direction:column;display:flex}.dc-find::backdrop{backdrop-filter:blur(3px);background:#0a0c0a52}.dc-find__bar{background:var(--soft);align-items:center;gap:12px;padding:10px 12px 10px 20px;display:flex}.dc-find__bar input{min-width:0;height:44px;font:400 17px/1.4 var(--sans);color:var(--ink);background:0 0;border:0;outline:none;flex:1}.dc-find__bar input::-webkit-search-cancel-button{display:none}.dc-find__bar button{background:var(--bg);height:28px;font:500 12px/1 var(--sans);color:var(--ink-3);cursor:pointer;border:0;border-radius:6px;padding:0 8px}.dc-find__list{margin:0;padding:8px;list-style:none;overflow:auto}.dc-find__list a{border-radius:10px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.dc-find__list small{font:500 12.5px/1.3 var(--sans);color:var(--ink-3)}.dc-find__list span{font:400 15.5px/1.4 var(--sans);color:var(--ink)}.dc-find__list li[aria-selected=true] a,.dc-find__list a:hover{background:var(--accent-soft)}.dc-find__list li[aria-selected=true] span{color:var(--accent)}.dc-find__none{font:400 15px/1.5 var(--sans);color:var(--ink-3);margin:0;padding:16px 20px 24px}.dc-find__none a{color:var(--ink-2);text-underline-offset:3px;text-decoration:underline}@media (width<=1180px){.dc{grid-template-columns:220px minmax(0,1fr);gap:48px;padding:0 24px}.dc-toc{display:none}}@media (width<=900px){.dc{padding:0 var(--gutter);grid-template-columns:minmax(0,1fr);gap:0}.dc-side{display:none}.dc-main{padding-top:16px}.dc-mnav{background:var(--soft);border-radius:14px;margin-bottom:24px;padding:8px;display:block}.dc-mnav summary{min-height:36px;font:400 14.5px/1.3 var(--sans);color:var(--ink-3);cursor:pointer;align-items:center;gap:8px;padding:0 8px;list-style:none;display:flex}.dc-mnav summary::-webkit-details-marker{display:none}.dc-mnav summary b{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.dc-mnav summary:after{content:"+";font:300 22px/1 var(--sans);color:var(--ink-3);margin-left:auto;transition:transform .2s}.dc-mnav[open] summary:after{transform:rotate(45deg)}.dc-mnav .dc-search{background:var(--bg);width:calc(100% - 16px);margin:8px 8px 0}.dc-crumb{display:none}.dc .dc-h1{margin-top:0}.dc-mnav nav{padding:16px 4px 12px}.dc-mnav .dc-nav__g+.dc-nav__g{margin-top:20px}.dc-mnav nav a{padding:12px}.dc-mnav nav a[aria-current=page]{background:var(--bg)}}@media (width<=640px){.dc-meta button,.dc-meta a,.dc-body dt>a,.dc-body li>a:only-child{padding:6px 0;display:inline-block}.dc-meta button,.dc-meta a{padding:7px 0}.dc-meta{gap:0 20px}.dc-body dl{grid-template-columns:minmax(0,1fr);gap:2px}.dc-body dd+dt{margin-top:14px}.dc .dc-body>h2,.dc .dc-faq>h2{margin-top:48px!important}.dc-body pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:14px 16px;font-size:13px}.dc-body pre code{overflow-wrap:anywhere}.dc-copy{display:none}.dc-body td:first-child,.dc-body td code{white-space:normal}.dc-pn{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:56px}.dc-pn__next{grid-column:1}}.dc-side{scrollbar-width:none}.dc-side::-webkit-scrollbar{display:none}body:has(.dc) .topbar .progress{display:none}body:has(.dc) .topbar{border-bottom-color:#0000!important}.dc-shots{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:32px 28px;display:flex;margin:36px 0 12px!important}.dc-shot{flex-direction:column;align-items:center;gap:12px;min-width:0;margin:0;display:flex}.dc-shot img{width:100%;height:auto;display:block}.dc-shot__night,:root[data-theme=dark] .dc-shot__day{display:none!important}:root[data-theme=dark] .dc-shot__night{display:block!important}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .dc-shot__day{display:none!important}:root:not([data-theme=light]) .dc-shot__night{display:block!important}}.dc-shot figcaption{max-width:300px;font:400 14px/1.45 var(--sans);color:var(--ink-3);text-align:center;text-wrap:balance}.dc-shot--iphone{flex:0 220px}.dc-shots--n1 .dc-shot--iphone{flex-basis:260px}.dc-shot--iphone img{box-shadow:0 0 0 1px color-mix(in srgb,var(--ink) 8%,transparent),0 24px 48px -28px #14181473;border-radius:12.5%/5.8%}.dc-shots--mac{margin-left:-36px!important;margin-right:-36px!important}.dc-shot--mac{flex:100%}.dc-shot--mac figcaption{max-width:460px;margin-top:-22px}.dc-shot--ext{flex:0 auto}.dc-shot--ext img{max-width:100%;box-shadow:0 0 0 1px color-mix(in srgb,var(--ink) 8%,transparent),0 18px 40px -24px #14181466;border-radius:14px}.dc-shots--ext .dc-shot--ext:first-child:not(:only-child){flex:360px}.dc-shots--ext .dc-shot--ext:last-child:not(:only-child){flex:0 220px}@media (width<=640px){.dc-shots{gap:24px 16px}.dc-shot--iphone{flex-basis:calc(50% - 8px)}.dc-shots--n1 .dc-shot--iphone{flex-basis:70%}.dc-shots--mac{margin-left:-12px!important;margin-right:-12px!important}}.dc-shots--iphone .dc-shot--ext{flex:0 240px}@media (width<=640px){.dc-shots--iphone .dc-shot--ext{flex-basis:calc(50% - 8px)}}
