Canton Network Documentation
[rendered SVG]
`:has(svg)` keeps this rule scoped to mermaid wrappers and away from any
other `.group.relative.overflow-hidden` Mintlify uses elsewhere. */
div.group.relative.overflow-hidden:has(svg) > div.absolute.bottom-2.right-2 {
opacity: 0.1;
transition: opacity 200ms ease-in-out;
}
div.group.relative.overflow-hidden:has(svg):hover > div.absolute.bottom-2.right-2,
div.group.relative.overflow-hidden:has(svg):focus-within > div.absolute.bottom-2.right-2 {
opacity: 1;
}
/* ============================================
Internal TODO Markers
============================================ */
/* Hide
…
blocks. Source-only annotations
that flag pending content updates; should not render publicly. */
div.todo {
display: none;
}
/* ============================================
x2mdx Reference Renderer
============================================ */
.x2mdx-ref-back {
margin: 0 0 0.75rem;
font-size: 0.9rem;
}
.x2mdx-ref-back a {
color: var(--canton-highlight);
text-decoration: none;
}
.x2mdx-ref-hero {
display: grid;
gap: 0.75rem;
margin: 0 0 1.4rem;
}
#content-container:has(.x2mdx-ref-page--operation) #page-title {
display: none !important;
}
.x2mdx-ref-breadcrumbs {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.5rem;
margin: 0 0 0.75rem;
color: rgb(107, 114, 128);
font-size: 0.9rem;
line-height: 1.35;
}
.x2mdx-ref-breadcrumbs a {
color: var(--canton-highlight);
text-decoration: none;
}
.x2mdx-ref-breadcrumbs a:hover {
text-decoration: underline;
}
.x2mdx-ref-breadcrumb-separator {
color: rgb(156, 163, 175);
}
.x2mdx-ref-eyebrow {
margin: 0;
font-size: 0.78rem;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
color: rgb(107, 114, 128);
}
:root.dark .x2mdx-ref-eyebrow,
[data-theme="dark"] .x2mdx-ref-eyebrow {
color: rgb(156, 163, 175);
}
.x2mdx-ref-title {
margin: 0;
font-size: clamp(2rem, 3vw, 2.7rem);
line-height: 1.05;
}
#content-container:has(.x2mdx-ref-page--operation) .x2mdx-ref-title {
max-width: 100%;
overflow: hidden;
font-size: clamp(1.7rem, 2.2vw, 2.25rem);
line-height: 1.08;
text-overflow: ellipsis;
white-space: nowrap;
word-break: normal;
overflow-wrap: normal;
}
@media (max-width: 1023px) {
#content-container:has(.x2mdx-ref-page--operation) .x2mdx-ref-title {
white-space: normal;
overflow: visible;
text-overflow: clip;
}
}
.x2mdx-ref-summary {
margin: 0;
max-width: 58rem;
color: rgb(75, 85, 99);
font-size: 1.02rem;
}
:root.dark .x2mdx-ref-summary,
[data-theme="dark"] .x2mdx-ref-summary {
color: rgb(209, 213, 219);
}
.x2mdx-ref-page--operation {
display: none;
}
#content-container:has(.x2mdx-ref-page--operation) {
max-width: 92rem !important;
}
body:has(.x2mdx-ref-page--operation) #table-of-contents-content,
body:has(.x2mdx-ref-page--operation) #content-side-layout,
body:has(.x2mdx-ref-page--operation) #table-of-contents-layout,
body:has(.x2mdx-ref-page--operation) #table-of-contents,
body:has(.x2mdx-ref-page--operation) aside:has(#table-of-contents-content),
body:has(.x2mdx-ref-page--operation) [aria-label="Table of contents"] {
display: none !important;
}
#content-container:has(.x2mdx-ref-page--operation) #content-area {
width: 100% !important;
}
.x2mdx-ref-operation-shell {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(22rem, 26rem);
gap: clamp(2rem, 4vw, 4rem);
align-items: start;
width: 100%;
}
.x2mdx-ref-operation-main {
min-width: 0;
}
.x2mdx-ref-operation-shell:not(:has(.x2mdx-ref-right-rail)) {
grid-template-columns: minmax(0, 1fr);
}
.x2mdx-ref-right-rail {
display: grid;
position: sticky;
top: 6rem;
z-index: 1;
width: 100%;
margin: 0;
gap: 1rem;
}
.x2mdx-ref-rail-panel {
min-width: 0;
}
@media (max-width: 1180px) {
.x2mdx-ref-operation-shell {
grid-template-columns: minmax(0, 1fr);
}
.x2mdx-ref-right-rail {
position: static;
width: 100%;
margin: 0 0 2rem;
}
}
.x2mdx-ref-rail-code :is(.code-group, [class*="code-group"]) {
margin: 0;
}
.x2mdx-ref-rail-code {
display: grid;
gap: 0.65rem;
min-width: 0;
}
.x2mdx-ref-rail-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.75rem;
min-width: 0;
}
.x2mdx-ref-rail-heading {
min-width: 0;
max-width: 13rem;
overflow: hidden;
color: rgb(31, 41, 55);
font-family: ui-monospace, SFMono-Regular, SFMono-RegularFallback, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
font-size: 0.82rem;
font-weight: 500;
line-height: 1.25;
text-overflow: ellipsis;
white-space: nowrap;
}
:root.dark .x2mdx-ref-rail-heading,
[data-theme="dark"] .x2mdx-ref-rail-heading {
color: rgb(229, 231, 235);
}
.x2mdx-ref-operation-bar {
display: flex;
align-items: center;
gap: 0.75rem;
width: 100%;
min-height: 3.75rem;
margin: 0 0 3.25rem;
padding: 0.55rem 0.75rem;
overflow: hidden;
border: 1px solid rgba(13, 12, 17, 0.1);
border-radius: 1rem;
background: rgba(255, 255, 255, 0.64);
box-shadow: 0 1px 2px rgba(13, 12, 17, 0.04);
}
:root.dark .x2mdx-ref-operation-bar,
[data-theme="dark"] .x2mdx-ref-operation-bar {
border-color: rgba(255, 255, 255, 0.08);
background: rgba(17, 17, 21, 0.6);
}
.x2mdx-ref-operation-method {
flex: 0 0 auto;
padding: 0.32rem 0.55rem;
border-radius: 0.55rem;
background: rgba(22, 163, 74, 0.12);
color: rgb(22, 163, 74);
font-size: 0.86rem;
font-weight: 700;
line-height: 1;
}
.x2mdx-ref-operation-method--post,
.x2mdx-ref-operation-method--json-rpc {
background: rgba(37, 99, 235, 0.12);
color: rgb(37, 99, 235);
}
.x2mdx-ref-operation-method--publish,
.x2mdx-ref-operation-method--subscribe {
background: rgba(124, 58, 237, 0.12);
color: rgb(124, 58, 237);
}
.x2mdx-ref-operation-bar code {
flex: 1 1 auto;
min-width: 0;
overflow: hidden;
background: transparent;
color: inherit;
font-size: 0.98rem;
line-height: 1.45;
text-overflow: ellipsis;
white-space: nowrap;
}
#content-container:has(.x2mdx-ref-page--operation) h2 {
margin-top: 2.5rem !important;
margin-bottom: 1rem !important;
font-size: 1.35rem !important;
font-weight: 700 !important;
line-height: 1.25 !important;
}
#content-container:has(.x2mdx-ref-page--operation) h3 {
font-size: 1rem !important;
line-height: 1.35 !important;
}
#content-container :is(
a[id^="interface-"],
a[id^="type-alias-"],
a[id^="variable-"],
a[id^="function-"]
) + h4:not(:first-of-type),
#content-container :is(
a[id^="class-"],
a[id^="constr-"],
a[id^="function-"],
a[id^="type-"]
) + h3:not(:first-of-type) {
margin-top: 2rem !important;
padding-top: 1.35rem !important;
border-top: 1px solid rgba(var(--canton-highlight-rgb), 0.54);
}
.x2mdx-ref-rail-code--response {
position: relative;
}
.x2mdx-ref-response-label {
flex: 0 1 auto;
max-width: 11rem;
overflow: hidden;
color: rgb(115, 114, 118);
font-family: ui-monospace, SFMono-Regular, SFMono-RegularFallback, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
font-size: 0.75rem;
line-height: 1.25;
text-overflow: ellipsis;
white-space: nowrap;
}
:root.dark .x2mdx-ref-response-label,
[data-theme="dark"] .x2mdx-ref-response-label {
color: rgb(162, 160, 165);
}
.x2mdx-ref-badges {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
}
.x2mdx-ref-badge {
display: inline-flex;
align-items: center;
min-height: 1.55rem;
padding: 0.14rem 0.52rem;
border: 1px solid rgba(var(--canton-highlight-rgb), 0.16);
border-radius: 999px;
background: rgba(var(--canton-highlight-rgb), 0.06);
color: var(--canton-highlight);
font-size: 0.76rem;
font-weight: 600;
line-height: 1.1;
}
.x2mdx-ref-badge--neutral {
background: rgba(107, 114, 128, 0.08);
border-color: rgba(107, 114, 128, 0.14);
color: rgb(75, 85, 99);
}
:root.dark .x2mdx-ref-badge--neutral,
[data-theme="dark"] .x2mdx-ref-badge--neutral {
background: rgba(156, 163, 175, 0.12);
border-color: rgba(156, 163, 175, 0.16);
color: rgb(229, 231, 235);
}
.x2mdx-ref-badge--added {
background: rgba(22, 163, 74, 0.08);
border-color: rgba(22, 163, 74, 0.18);
color: rgb(21, 128, 61);
}
.x2mdx-ref-badge--changed {
background: rgba(37, 99, 235, 0.08);
border-color: rgba(37, 99, 235, 0.18);
color: rgb(29, 78, 216);
}
.x2mdx-ref-badge--removed {
background: rgba(220, 38, 38, 0.08);
border-color: rgba(220, 38, 38, 0.18);
color: rgb(185, 28, 28);
}
.x2mdx-ref-meta-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
gap: 0.75rem;
margin: 0;
}
.x2mdx-ref-meta-item {
min-width: 0;
padding: 0.85rem 0.95rem;
border: 1px solid rgba(15, 23, 42, 0.08);
border-radius: 0.7rem;
background: rgba(255, 255, 255, 0.74);
}
:root.dark .x2mdx-ref-meta-item,
[data-theme="dark"] .x2mdx-ref-meta-item {
border-color: rgba(255, 255, 255, 0.08);
background: rgba(17, 24, 39, 0.7);
}
.x2mdx-ref-meta-item dt {
margin: 0 0 0.3rem;
font-size: 0.77rem;
font-weight: 600;
text-transform: uppercase;
color: rgb(107, 114, 128);
}
.x2mdx-ref-meta-item dd {
margin: 0;
overflow-wrap: anywhere;
font-size: 0.96rem;
font-weight: 500;
}
.x2mdx-ref-card-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
gap: 1rem;
}
.x2mdx-ref-card {
display: grid;
gap: 0.8rem;
min-height: 100%;
min-width: 0;
padding: 1rem;
border: 1px solid rgba(15, 23, 42, 0.08);
border-radius: 0.7rem;
background: rgba(255, 255, 255, 0.82);
color: inherit;
text-decoration: none;
transition: border-color 160ms ease, transform 160ms ease, background-color 160ms ease;
}
.x2mdx-ref-card > * {
min-width: 0;
}
:root.dark .x2mdx-ref-card,
[data-theme="dark"] .x2mdx-ref-card {
border-color: rgba(255, 255, 255, 0.08);
background: rgba(17, 24, 39, 0.78);
}
.x2mdx-ref-card:hover {
border-color: rgba(var(--canton-highlight-rgb), 0.42);
transform: translateY(-1px);
}
.x2mdx-ref-card-head {
display: contents;
}
.x2mdx-ref-card-head h3 {
order: 0;
margin: 0;
font-size: 1rem;
line-height: 1.3;
overflow-wrap: anywhere;
}
.x2mdx-ref-card .x2mdx-ref-badges {
order: 2;
}
.x2mdx-ref-card-summary {
order: 1;
margin: 0;
color: rgb(75, 85, 99);
overflow-wrap: anywhere;
}
.x2mdx-ref-card .x2mdx-ref-meta-grid {
order: 3;
}
:root.dark .x2mdx-ref-card-summary,
[data-theme="dark"] .x2mdx-ref-card-summary {
color: rgb(209, 213, 219);
}
.x2mdx-ref-panel,
.x2mdx-ref-schema {
margin: 0 0 1rem;
padding: 1rem;
border: 1px solid rgba(15, 23, 42, 0.08);
border-radius: 0.7rem;
background: rgba(255, 255, 255, 0.82);
}
#content-container:has(.x2mdx-ref-page--operation) .x2mdx-ref-panel,
#content-container:has(.x2mdx-ref-page--operation) .x2mdx-ref-schema {
margin: 0 0 1.9rem;
padding: 0;
border: 0;
border-radius: 0;
background: transparent;
}
#content-container:has(.x2mdx-ref-page--operation) .x2mdx-ref-panel-head,
#content-container:has(.x2mdx-ref-page--operation) .x2mdx-ref-schema-head {
margin-bottom: 0.65rem;
}
#content-container:has(.x2mdx-ref-page--operation) .x2mdx-ref-meta-grid {
display: flex;
flex-wrap: wrap;
gap: 0.45rem 1.1rem;
padding: 0.8rem 0;
border-top: 1px solid rgba(15, 23, 42, 0.08);
border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}
#content-container:has(.x2mdx-ref-page--operation) .x2mdx-ref-meta-item {
display: flex;
align-items: baseline;
gap: 0.35rem;
min-width: 0;
padding: 0;
border: 0;
border-radius: 0;
background: transparent;
}
#content-container:has(.x2mdx-ref-page--operation) .x2mdx-ref-meta-item dt {
margin: 0;
font-size: 0.72rem;
letter-spacing: 0;
text-transform: none;
}
#content-container:has(.x2mdx-ref-page--operation) .x2mdx-ref-meta-item dt::after {
content: ":";
}
#content-container:has(.x2mdx-ref-page--operation) .x2mdx-ref-meta-item dd {
max-width: 32rem;
font-size: 0.86rem;
font-weight: 500;
}
:root.dark #content-container:has(.x2mdx-ref-page--operation) .x2mdx-ref-meta-grid,
[data-theme="dark"] #content-container:has(.x2mdx-ref-page--operation) .x2mdx-ref-meta-grid,
:root.dark #content-container:has(.x2mdx-ref-page--operation) .x2mdx-ref-meta-item,
[data-theme="dark"] #content-container:has(.x2mdx-ref-page--operation) .x2mdx-ref-meta-item {
border-color: rgba(255, 255, 255, 0.08);
background: transparent;
}
:root.dark .x2mdx-ref-panel,
:root.dark .x2mdx-ref-schema,
[data-theme="dark"] .x2mdx-ref-panel,
[data-theme="dark"] .x2mdx-ref-schema {
border-color: rgba(255, 255, 255, 0.08);
background: rgba(17, 24, 39, 0.78);
}
.x2mdx-ref-panel-head,
.x2mdx-ref-schema-head {
display: grid;
gap: 0.3rem;
margin-bottom: 0.9rem;
}
.x2mdx-ref-panel-head h3,
.x2mdx-ref-schema-head h3 {
margin: 0;
font-size: 1rem;
line-height: 1.3;
overflow-wrap: anywhere;
}
.x2mdx-ref-schema-variants {
display: grid;
gap: 0.8rem;
margin-top: 0.9rem;
}
.x2mdx-ref-schema-variant-label {
font-size: 0.77rem;
font-weight: 700;
text-transform: uppercase;
color: rgb(107, 114, 128);
}
.x2mdx-ref-schema-variant {
display: grid;
gap: 0.65rem;
min-width: 0;
padding: 0.85rem;
border: 1px solid rgba(15, 23, 42, 0.08);
border-radius: 0.65rem;
background: rgba(248, 250, 252, 0.72);
}
:root.dark .x2mdx-ref-schema-variant,
[data-theme="dark"] .x2mdx-ref-schema-variant {
border-color: rgba(255, 255, 255, 0.08);
background: rgba(17, 24, 39, 0.58);
}
.x2mdx-ref-schema-variant-head {
display: grid;
gap: 0.25rem;
}
.x2mdx-ref-schema-variant-head h4 {
margin: 0;
font-size: 0.94rem;
line-height: 1.3;
overflow-wrap: anywhere;
}
body:has(.x2mdx-ref-hero) #table-of-contents-content a,
body:has(.x2mdx-ref-hero) [aria-label="Table of contents"] a {
overflow-wrap: anywhere;
word-break: normal;
}
.x2mdx-ref-panel-summary,
.x2mdx-ref-schema-summary,
.x2mdx-ref-schema-description {
margin: 0;
color: rgb(75, 85, 99);
}
:root.dark .x2mdx-ref-panel-summary,
:root.dark .x2mdx-ref-schema-summary,
:root.dark .x2mdx-ref-schema-description,
[data-theme="dark"] .x2mdx-ref-panel-summary,
[data-theme="dark"] .x2mdx-ref-schema-summary,
[data-theme="dark"] .x2mdx-ref-schema-description {
color: rgb(209, 213, 219);
}
.x2mdx-ref-fields {
display: grid;
margin-top: 0.75rem;
border-top: 1px solid rgba(15, 23, 42, 0.08);
border-bottom: 1px solid rgba(15, 23, 42, 0.08);
border-radius: 0;
overflow: hidden;
}
:root.dark .x2mdx-ref-fields,
[data-theme="dark"] .x2mdx-ref-fields {
border-color: rgba(255, 255, 255, 0.08);
}
.x2mdx-ref-field-row {
display: grid;
gap: 0.35rem;
padding: 0.75rem 0;
background: transparent;
}
.x2mdx-ref-field-row + .x2mdx-ref-field-row {
border-top: 1px solid rgba(15, 23, 42, 0.08);
}
:root.dark .x2mdx-ref-field-row + .x2mdx-ref-field-row,
[data-theme="dark"] .x2mdx-ref-field-row + .x2mdx-ref-field-row {
border-top-color: rgba(255, 255, 255, 0.08);
}
.x2mdx-ref-field-main {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.45rem;
min-width: 0;
}
.x2mdx-ref-field-name {
background: transparent;
color: var(--canton-highlight);
font-size: 0.94rem;
font-weight: 600;
}
.x2mdx-ref-type-badge,
.x2mdx-ref-required-badge {
display: inline-flex;
align-items: center;
min-height: 1.45rem;
padding: 0.1rem 0.45rem;
border-radius: 0.42rem;
font-family: ui-monospace, SFMono-Regular, SFMono-RegularFallback, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
font-size: 0.76rem;
line-height: 1;
}
.x2mdx-ref-type-badge {
background: rgba(107, 114, 128, 0.12);
color: rgb(55, 65, 81);
}
.x2mdx-ref-required-badge {
background: rgba(220, 38, 38, 0.1);
color: rgb(153, 27, 27);
}
.x2mdx-ref-field-description {
color: rgb(75, 85, 99);
font-size: 0.9rem;
line-height: 1.45;
white-space: pre-wrap;
}
@media (max-width: 900px) {
.x2mdx-ref-field-row {
padding: 0.7rem 0;
}
}
.x2mdx-ref-example-heading {
margin: 1rem 0 0.45rem;
font-size: 0.88rem;
font-weight: 600;
text-transform: uppercase;
color: rgb(107, 114, 128);
}
.x2mdx-ref-change-list {
display: grid;
gap: 0.7rem;
}
.x2mdx-ref-change-item {
display: grid;
gap: 0.35rem;
padding: 0.9rem 1rem;
border-left: 3px solid var(--canton-highlight);
border-radius: 0.6rem;
background: rgba(var(--canton-highlight-rgb), 0.06);
}
.x2mdx-ref-change-version {
font-size: 0.82rem;
font-weight: 700;
text-transform: uppercase;
color: var(--canton-highlight);
}
.x2mdx-ref-enum-list {
margin: 0.8rem 0 0;
padding-left: 1rem;
}
Overview Learn the value of Canton Network and its key concepts, such as: the essential building blocks, its architecture, trust model, Canton Coin, etc.
App Development Easy-to-follow modules that explain how to develop on the Canton Network. Review development tools, app reward structures, and more.
Global Synchronizer Understand node operations, Splice fundamentals, validator deployment, setup for the Super Validator and network, and general structure around the Global Synchronizer.
Integrations Review the best practices and requirements for integrating wallets and exchanges with Canton Network.
SDKs and Tools Review SDKs, language bindings, CLI tools, development tools, and API references for projects on Canton Network.
API Reference Review updates and changes to understand how to best interact with the Canton node.
More Resources
Version Compatibility Review what you need to get started on a new project on DevNet.
Release Notes Review the release details for the latest updates, enhancements, and bug fixes.
External Developer Toolings Explore and Contribute to a Growing Directory of Tools, SDKs, APIs, and Infrastructure for Canton Developers
Support Channels Getting help with Canton Network development and operations.
