.spx.sd{padding:var(--spx-s-6) var(--spx-gutter) var(--spx-s-16)}.spx .sd-grid{display:grid;gap:var(--spx-s-8);grid-template-columns:minmax(0,1fr);max-width:76ch;margin-inline:auto}.spx .sd-doc,.spx .sd-doc>section,.spx .sd-head{display:flex;flex-direction:column;gap:var(--spx-s-4);min-width:0}.spx .sd-doc{gap:var(--spx-s-12)}.spx .sd-alias,.spx .sd-doc>section,.spx .sd-sub{scroll-margin-top:var(--spx-s-6)}.spx .sd-doc>section{position:relative}.spx .sd-alias{position:absolute}@media (max-width:767px){.spx .sd-alias,.spx .sd-doc>section,.spx .sd-sub{scroll-margin-top:calc(var(--spx-s-6) + 106px)}}.spx .sd-doc li,.spx .sd-doc p,.spx .sd-head p{overflow-wrap:anywhere;text-wrap:pretty}.spx .sd-title{font-size:var(--spx-fs-d3);line-height:var(--spx-lh-d3);font-weight:700;color:var(--spx-brand-warm)}.spx .sd-tagline,.spx .sd-title{font-family:var(--spx-font-display)}.spx .sd-tagline{font-size:var(--spx-fs-d1);line-height:var(--spx-lh-d1);color:var(--spx-muted)}.spx .sd-doc p code,.spx .spx-table.sd-table code{color:var(--spx-brand-warm)}.spx .sd-num{color:var(--spx-brand);white-space:nowrap}.spx .sd-toc{display:flex;flex-direction:column;gap:var(--spx-s-2)}.spx .sd-toc ol{display:flex;flex-wrap:wrap;gap:var(--spx-s-2) var(--spx-s-4);scroll-target-group:auto}.spx .sd-toc a{text-decoration:none}.spx .sd-toc a:target-current{color:var(--spx-text);text-decoration:underline}.spx .sd-steps{display:flex;flex-direction:column;gap:var(--spx-s-2);counter-reset:sd}.spx .sd-steps>li{counter-increment:sd;display:flex;gap:var(--spx-s-3)}.spx .sd-steps>li:before{content:counter(sd);flex:none;font-family:var(--spx-font-display);color:var(--spx-brand-warm)}.spx .sd-dash{display:flex;flex-direction:column;gap:var(--spx-s-2)}.spx .sd-dash>li{position:relative;padding-inline-start:var(--spx-s-4)}.spx .sd-dash>li:before{content:"";position:absolute;top:7px;inset-inline-start:0;width:6px;height:6px;background-color:var(--spx-brand-warm)}.spx .sd-addr{display:flex;flex-direction:column;gap:var(--spx-s-4)}.spx .sd-addr>div,.spx .sd-url{display:flex;flex-direction:column;gap:var(--spx-u);min-width:0}.spx .sd-addr dt,.spx .sd-url>.spx-cap{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--spx-s-2);font-size:var(--spx-fs-cap);line-height:var(--spx-lh-cap);color:var(--spx-muted);text-transform:uppercase}.spx .sd-addr dd{min-width:0}.spx .spx-table.sd-table td{white-space:normal;vertical-align:top}.spx .spx-table.sd-table td:first-child{overflow-wrap:anywhere;width:62%}.spx .spx-table.sd-table td:last-child{color:var(--spx-muted)}.spx .spx-panel.sd-code{gap:var(--spx-s-2);padding:var(--spx-s-3)}.spx .sd-code pre{margin:0;padding-block:var(--spx-u);overflow-x:auto;font-family:var(--spx-font-data);font-size:var(--spx-fs-body);line-height:var(--spx-lh-body)}.spx .sd-code pre code{color:var(--spx-text)}.spx .sd-sub{display:flex;flex-direction:column;gap:var(--spx-s-4);min-width:0;padding-top:var(--spx-s-4)}.spx .sd-h3{font-family:var(--spx-font-display);font-size:var(--spx-fs-d1);line-height:var(--spx-lh-d1);color:var(--spx-brand-warm)}.spx .sd-subnav ol{display:flex;flex-wrap:wrap;gap:var(--spx-s-2) var(--spx-s-4)}.spx .sd-ref{display:flex;flex-direction:column;min-width:0}.spx .sd-ref>div{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--spx-u) var(--spx-s-4);padding-block:var(--spx-s-2);border-bottom:2px solid var(--spx-line)}.spx .sd-ref dt{display:flex;flex-wrap:wrap;gap:0 var(--spx-s-3)}.spx .sd-ref dd,.spx .sd-ref dt{min-width:0;overflow-wrap:anywhere}.spx .sd-ref dd{color:var(--spx-muted);text-wrap:pretty}.spx .sd-ref code,.spx .sd-sub h4{color:var(--spx-brand-warm)}.spx .spx-panel.sd-file{gap:var(--spx-s-2);padding:var(--spx-s-3)}.spx .sd-sub h4{font-weight:400;text-transform:uppercase}.spx .spx-panel.sd-demo{gap:var(--spx-s-3);padding:var(--spx-s-3)}.spx .sd-demo-row{display:flex;flex-wrap:wrap;gap:var(--spx-s-3)}@media (min-width:768px){.spx .sd-title{font-size:var(--spx-fs-d4);line-height:var(--spx-lh-d4)}.spx .sd-ref>div{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}}@media (min-width:1024px){.spx .sd-grid{max-width:calc(76ch + 200px + var(--spx-s-12));grid-template-columns:200px minmax(0,76ch);column-gap:var(--spx-s-12);grid-template-areas:". head" "toc doc"}.spx .sd-head{grid-area:head}.spx .sd-toc{grid-area:toc;position:sticky;top:var(--spx-s-6);align-self:start}.spx .sd-toc ol{flex-direction:column}.spx .sd-doc{grid-area:doc}}