.page-docs-guide .dx{--type-article-title:var(--type-card-title);--type-article-subtitle:var(--type-compact-title);--surface:var(--card);--surface-muted:var(--paper-2);--border:var(--line);--border-strong:var(--line-strong)}html.editorial-motion-ready .page-docs-guide .dx>:is(.dx__body,.dx__toc){opacity:1;will-change:auto;transition:none;transform:none}.page-docs-guide .docs-toolbar .dxcrumb{gap:10px}.page-docs-guide .docs__intro{gap:14px;margin:0 0 28px}.page-docs-guide .docs__intro .section-kicker{text-transform:uppercase;margin:0}.page-docs-guide .docs__intro .lead{text-wrap:pretty;max-width:62ch;margin:0}.page-docs-guide .docs__main>h2{border-top:1px solid var(--line);letter-spacing:-.025em;margin:56px 0 22px;padding-top:32px}.page-docs-guide .docs__main>#quickstart{border-top:0;margin-top:36px;padding-top:0}.page-docs-guide .docs__main>h4{margin:32px 0 14px}.page-docs-guide .docs__main :is(p,li){text-wrap:pretty}.page-docs-guide .docs__main>p:has(>strong:only-child){margin-top:26px;margin-bottom:10px}.page-docs-guide .docs__main :is(p,li) a{color:var(--text-accent);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--accent) 40%, transparent);text-decoration-color:color-mix(in srgb, var(--accent) 40%, transparent)}.page-docs-guide .docs__main :is(p,li) a:hover{text-decoration-color:currentColor}.page-docs-guide .guide-protocols{border:1px solid var(--line);background:var(--paper-2);border-radius:8px;margin:0 0 32px}.page-docs-guide :is(.guide-protocols,.guide-jump)>summary{color:var(--ink);font-size:var(--type-ui);cursor:pointer;justify-content:space-between;align-items:center;gap:18px;padding:14px 16px;font-weight:500;list-style:none;display:flex}.page-docs-guide :is(.guide-protocols,.guide-jump)>summary::-webkit-details-marker{display:none}.page-docs-guide summary>[aria-hidden]{color:var(--text-accent);flex:none;transition:transform .24s}.page-docs-guide .guide-protocols[open]>summary>[aria-hidden]{transform:rotate(45deg)}.page-docs-guide .guide-protocols__copy{padding:4px 16px 16px}.page-docs-guide .guide-protocols__copy>:last-child{margin-bottom:0}.page-docs-guide .guide-jump{display:none}.page-docs-guide .guide-jump nav{gap:6px;padding:0 16px 16px;display:grid}.page-docs-guide .guide-jump a{font-size:var(--type-ui);color:var(--muted);padding:6px 0}.page-docs-guide .guide-jump .guide-jump__chapter{color:var(--ink);font-weight:600}.page-docs-guide .guide-jump .guide-jump__section{padding-inline-start:16px}.page-docs-guide .guide-jump a:hover,.page-docs-guide .dxtoc a.is-active{color:var(--text-accent)}.page-docs-guide .dx__toc{scrollbar-width:thin}.page-docs-guide .table-wrap{scrollbar-width:thin;border-radius:10px;margin:24px 0}.page-docs-guide .tbl{min-width:640px}.page-docs-guide .tbl tr>:first-child{min-width:136px}.page-docs-guide .tbl--params tr>:nth-child(2){min-width:96px}.page-docs-guide .tbl--params tr>:last-child{min-width:300px}.page-docs-guide .tbl :is(th,td){padding:15px 18px}.page-docs-guide .tbl tbody tr{transition:background-color .2s}.page-docs-guide .tbl tbody tr:hover{background:var(--paper-2)}.page-docs-guide .note{background:var(--card);border-radius:10px;margin-block:24px}.page-docs-guide .note:before{background:var(--paper-2);color:var(--muted);padding:10px 18px}.page-docs-guide .note.warn:before{background:var(--warning-soft);color:var(--warning-text)}.page-docs-guide .note p{padding:16px 18px}.page-docs-guide .dxep{background:var(--paper-2);border-radius:8px}.page-docs-guide .dxep__m{color:var(--muted);letter-spacing:0;background:0 0;padding:0}.page-docs-guide .dxep__copy{color:var(--text-accent);background:var(--card)}.page-docs-guide .docs__main .code{--syn-comment:#6a9955;--syn-string:#ce9178;--syn-keyword:#569cd6;--syn-func:#dcdcaa;--syn-number:#b5cea8;--syn-prop:#9cdcfe;--syn-const:#569cd6;background:#1f1f1f;border-color:#2b2b2b;border-radius:12px}.page-docs-guide .dx .docs__main .code:before{color:#b8b8bf;background:#242426;border-color:#343438}.page-docs-guide .dx .docs__main .code:after{background:#ff5f57;box-shadow:20px 0 #febc2e,40px 0 #28c840}.page-docs-guide .dx .code>.code__copy{color:#f0f0f3;background:#2d2d30;border-color:#444447}.page-docs-guide .dx .code>.code__copy:hover{background:#3a3a3d;border-color:#737377}.page-docs-guide .code .terminal__tabs{background:#242426;border-color:#343438;padding:0 12px}.page-docs-guide .code__tab{color:#b8b8bf;min-height:44px}.page-docs-guide .code__tab:is(:hover,.active){color:#fff}.page-docs-guide .code-pane{color:#ccc;scrollbar-width:thin;scrollbar-color:#555 transparent;background:#1f1f1f;padding:24px}.page-docs-guide .code-pane .tk-t{color:#4ec9b0}.page-docs-guide .code-pane ::selection{color:#fff;background:#264f78}.page-docs-guide .dxpager{gap:0;margin-top:64px}.page-docs-guide .dxpager a{background:0 0;border:0;border-radius:0;gap:10px;padding:20px 0}.page-docs-guide .dxpager a:hover{background:0 0;transform:translate(-3px)}.page-docs-guide .dxpager--next:hover{transform:translate(3px)}.page-docs-guide .dxpager strong{color:var(--ink)}.page-docs-guide .dx__body :is(a,button,summary,pre,.table-wrap):focus-visible{outline:2px solid var(--accent);outline-offset:3px}.page-docs-guide .code :is(button,pre):focus-visible{outline-offset:-3px;outline-color:#569cd6}.page-docs-guide .code-pane.active{animation:none}@media (width<=1180px){.page-docs-guide .guide-jump{border-block:1px solid var(--line);margin-bottom:18px;display:block}}@media (width<=900px){.page-docs-guide .docs__intro{gap:12px}.page-docs-guide .dxpager a{padding:18px 0}.page-docs-guide .dxpager a+a{border-top:1px solid var(--line)}}@media (width<=560px){.page-docs-guide .docs__main>h2{margin-top:44px;padding-top:26px}.page-docs-guide .dxep{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:14px;display:grid}.page-docs-guide .dxep__m{grid-column:1/-1}.page-docs-guide .dxep__copy{min-height:40px}.page-docs-guide .code-pane{padding:18px 16px}.page-docs-guide .dx .docs__main .code:before{padding-inline:60px 80px;font-size:10px}}@media print{.page-docs-guide :is(.promo,.site-nav,.dx__side,.dx__toc,.dx__navbar,.docs-toolbar,.guide-jump,.dxpager,.footer){display:none}.page-docs-guide .dx{width:100%;margin:0;display:block}}
