/* [project]/src/components/product/story/product-story-plain.module.css [app-client] (css) */
.product-story-plain-module__WmlKra__plain {
  --story-tile-bg: var(--surface-primary);
  --story-code-bg: var(--surface-primary);
}

/* [project]/src/components/product/explainers/explainer.module.css [app-client] (css) */
.explainer-module__-irjSq__root {
  --x-acc: var(--text-primary);
  --x-acc-text: var(--text-primary);
  --x-acc-fill: var(--text-primary);
  --x-acc-soft: color-mix(in srgb, var(--text-primary) 10%, transparent);
  --x-ink: var(--text-primary);
  --x-muted: var(--text-muted);
  --x-line: var(--border-medium);
  --x-panel: var(--surface-primary);
  --x-grey: var(--text-muted);
  width: 100%;
  height: auto;
  display: block;
}

.dark .explainer-module__-irjSq__root {
  --x-acc: var(--text-primary);
  --x-acc-text: var(--text-primary);
  --x-acc-soft: color-mix(in srgb, var(--text-primary) 12%, transparent);
}

.explainer-module__-irjSq__root text {
  font-family: var(--font-mono);
}

.explainer-module__-irjSq__sans {
  font-family: var(--font-sans) !important;
}

.explainer-module__-irjSq__card {
  fill: var(--x-panel);
  stroke: var(--x-line);
  stroke-width: 1.5px;
  transition: fill .35s, stroke .35s, opacity .35s;
}

.explainer-module__-irjSq__cardOn {
  fill: var(--x-acc-soft);
  stroke: var(--x-acc);
}

.explainer-module__-irjSq__cardOff > .explainer-module__-irjSq__card {
  opacity: .45;
}

.explainer-module__-irjSq__k {
  fill: var(--x-muted);
}

.explainer-module__-irjSq__v {
  fill: var(--x-ink);
}

.explainer-module__-irjSq__vAcc {
  fill: var(--x-acc-text);
  font-weight: 600;
}

.explainer-module__-irjSq__vGrey {
  fill: var(--x-grey);
}

.explainer-module__-irjSq__chip {
  fill: var(--x-panel);
  stroke: var(--x-line);
  stroke-width: 1.4px;
}

.explainer-module__-irjSq__chipOn {
  fill: var(--x-acc-fill);
  stroke: var(--x-acc-fill);
}

.explainer-module__-irjSq__chipText {
  fill: var(--x-muted);
}

.explainer-module__-irjSq__chipTextOn {
  fill: var(--surface-primary);
  font-weight: 600;
}

.explainer-module__-irjSq__wire {
  fill: none;
  stroke: var(--x-line);
  stroke-width: 2px;
}

.explainer-module__-irjSq__wireOn {
  stroke: var(--x-acc);
  stroke-width: 2.5px;
}

.explainer-module__-irjSq__wireGrey {
  stroke: var(--x-grey);
  stroke-dasharray: 5 6;
}

.explainer-module__-irjSq__dot {
  fill: var(--x-acc);
}

.explainer-module__-irjSq__dotHalo {
  fill: var(--x-acc);
  opacity: .2;
}

.explainer-module__-irjSq__dotGrey {
  fill: var(--x-grey);
}

.explainer-module__-irjSq__cross {
  fill: none;
  stroke: var(--x-grey);
  stroke-width: 2.5px;
  stroke-linecap: round;
}

.explainer-module__-irjSq__tick {
  fill: none;
  stroke: var(--x-acc-text);
  stroke-width: 2.5px;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.explainer-module__-irjSq__shield {
  fill: var(--x-panel);
  stroke: var(--x-line);
  stroke-width: 1.5px;
  transition: fill .3s, stroke .3s;
}

.explainer-module__-irjSq__shieldOn {
  fill: var(--x-acc-fill);
  stroke: var(--x-acc-fill);
}

.explainer-module__-irjSq__shieldIcon {
  fill: none;
  stroke: var(--x-muted);
  stroke-width: 2px;
  stroke-linejoin: round;
}

.explainer-module__-irjSq__shieldIconOn {
  stroke: var(--surface-primary);
}

.explainer-module__-irjSq__scan {
  stroke: var(--x-acc);
  stroke-width: 2px;
}

.explainer-module__-irjSq__mark {
  fill: var(--x-acc-soft);
}

.explainer-module__-irjSq__fade {
  transition: opacity .35s;
}

/*# sourceMappingURL=src_components_product_0j_iize._.css.map*/