@font-face {
	font-family: 'Bricolage Grotesque';
	font-style: normal;
	font-weight: 400 800;
	font-stretch: 100%;
	font-display: swap;
	src: url('../../assets/fonts/bricolage-grotesque-latin.woff2') format('woff2');
	unicode-range:
		U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
		U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
		U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: 'Bricolage Grotesque';
	font-style: normal;
	font-weight: 400 800;
	font-stretch: 100%;
	font-display: swap;
	src: url('../../assets/fonts/bricolage-grotesque-latin-ext.woff2') format('woff2');
	unicode-range:
		U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
		U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
		U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: 'Wix Madefor Text';
	font-style: normal;
	font-weight: 400 800;
	font-display: swap;
	src: url('../../assets/fonts/wix-madefor-text-latin.woff2') format('woff2');
	unicode-range:
		U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
		U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
		U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: 'Wix Madefor Text';
	font-style: normal;
	font-weight: 400 800;
	font-display: swap;
	src: url('../../assets/fonts/wix-madefor-text-latin-ext.woff2') format('woff2');
	unicode-range:
		U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
		U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
		U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: 'Wix Madefor Text';
	font-style: italic;
	font-weight: 400 800;
	font-display: swap;
	src: url('../../assets/fonts/wix-madefor-text-italic-latin.woff2') format('woff2');
	unicode-range:
		U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
		U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
		U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: 'Wix Madefor Text';
	font-style: italic;
	font-weight: 400 800;
	font-display: swap;
	src: url('../../assets/fonts/wix-madefor-text-italic-latin-ext.woff2') format('woff2');
	unicode-range:
		U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
		U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
		U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
	--color-primary: oklch(0.54 0.18 145);
	--color-primary-hover: oklch(0.48 0.17 145);
	--color-on-primary: oklch(1 0 0);
	--color-primary-text: oklch(0.455 0.17 145);
	--color-background: oklch(0.93 0.004 250);
	--color-surface: oklch(0.975 0.002 250);
	--color-text: oklch(0.22 0.012 260);
	--color-text-muted: oklch(0.44 0.014 260);
	--color-border: oklch(0.84 0.008 250);
	--color-danger: oklch(0.535 0.19 25);
	--lantern-glow: oklch(0.88 0.11 85 / 0.4);
	--color-primary-dark: oklch(0.72 0.205 145);
	--color-on-primary-dark: oklch(0.2 0.05 148);
	--color-background-dark: oklch(0.19 0.008 255);
	--color-surface-dark: oklch(0.235 0.01 255);
	--color-text-dark: oklch(0.945 0.005 250);
	--color-text-muted-dark: oklch(0.72 0.01 255);
	--color-border-dark: oklch(0.33 0.01 255);
	--lantern-glow-dark: oklch(0.8 0.13 80 / 0.55);
	--color-danger-dark: oklch(0.75 0.16 25);
	--color-primary-hover-dark: oklch(0.78 0.21 145);
	--font-display: 'Bricolage Grotesque', system-ui, sans-serif;
	--font-body: 'Wix Madefor Text', system-ui, sans-serif;
	--font-mono: ui-monospace, 'SF Mono', Menlo, monospace;
	/* 30px at the 36px slide root. A second size needs --code-font-size-* plus [data-code-size]. */
	--code-font-size: calc(30em / 36);
	--duration-stagger: 60ms;
	--duration-quick: 225ms;
	--duration-fast: 375ms;
	--duration-medium: 525ms;
	--duration-slow: 600ms;
	--duration-very-slow: 750ms;
	--ease-smooth-out: cubic-bezier(0.22, 1, 0.36, 1);
	--ease-in-out: ease-in-out;
	--distance-micro: 4px;
	--distance-medium: 12px;
	--blur-small: 2px;
	--blur-medium: 3px;
}

:root,
html[data-theme='dark'] {
	--kody-page: var(--color-background-dark);
	--kody-surface: var(--color-surface-dark);
	--kody-ink: var(--color-text-dark);
	--kody-body: color-mix(in oklch, var(--color-text-dark) 88%, var(--color-text-muted-dark));
	--kody-muted: var(--color-text-muted-dark);
	--kody-line: var(--color-border-dark);
	--kody-eucalyptus: var(--color-primary-dark);
	--kody-eucalyptus-hover: var(--color-primary-hover-dark);
	--kody-eucalyptus-line: var(--color-primary-dark);
	--kody-eucalyptus-fill: color-mix(in oklch, var(--color-primary-dark) 16%, var(--color-background-dark));
	--kody-danger: var(--color-danger-dark);
	--kody-lantern: var(--lantern-glow-dark);
	--kody-progress-track: color-mix(in oklch, var(--color-text-dark) 16%, transparent);
	--kody-code-string: oklch(0.84 0.1 80);
	color-scheme: dark;
}

html[data-theme='light'] {
	--kody-page: var(--color-background);
	--kody-surface: var(--color-surface);
	--kody-ink: var(--color-text);
	--kody-body: color-mix(in oklch, var(--color-text) 88%, var(--color-text-muted));
	--kody-muted: var(--color-text-muted);
	--kody-line: var(--color-border);
	--kody-eucalyptus: var(--color-primary);
	--kody-eucalyptus-hover: var(--color-primary-hover);
	--kody-eucalyptus-line: var(--color-border);
	--kody-eucalyptus-fill: var(--color-surface);
	--kody-danger: var(--color-danger);
	--kody-lantern: var(--lantern-glow);
	--kody-progress-track: color-mix(in oklch, var(--color-text) 16%, transparent);
	--kody-code-string: oklch(0.52 0.13 75);
	color-scheme: light;
}

html,
body,
.reveal,
html.reveal-viewport,
.reveal-viewport {
	background:
		radial-gradient(ellipse 52% 48% at 88% 8%, var(--kody-lantern), transparent 62%),
		radial-gradient(ellipse 34% 28% at 12% 92%, color-mix(in oklch, var(--kody-eucalyptus) 18%, transparent), transparent 70%),
		var(--kody-page);
	background-color: var(--kody-page);
}

.reveal {
	color: var(--kody-ink);
	font-family: var(--font-body);
	font-size: 36px;
}

.reveal .slide-background,
.reveal .slide-backgrounds {
	background: none;
	background-color: transparent;
}

.reveal .slides {
	text-align: left;
}

.reveal[data-transition-speed='slow'] .slides section {
	transition-duration: 0.686s;
}

.reveal .slides section {
	background: none;
	box-sizing: border-box;
	flex-direction: column;
	height: 100%;
	padding: 36px 52px 64px !important;
}

.reveal .slides > section.stack {
	padding: 0 !important;
}

.reveal h1,
.reveal h2,
.reveal h3 {
	color: var(--kody-ink);
	font-family: var(--font-display);
	font-weight: 700;
	letter-spacing: -0.03em;
	line-height: 1.08;
	text-transform: none;
}

.reveal h1 {
	font-size: 1.72em;
	max-width: 1100px;
}

.reveal h2 {
	font-size: 1.38em;
}

.reveal [data-slide='search'] h2,
.reveal [data-slide='execute'] h2,
.reveal [data-slide='primitives'] h2 {
	font-size: 1.84em;
	margin-bottom: 0.12em;
}

.reveal h3 {
	font-size: 0.92em;
}

.reveal p,
.reveal li {
	color: var(--kody-body);
	font-size: 0.78em;
	line-height: 1.4;
}

.reveal strong {
	color: var(--kody-ink);
	font-weight: 700;
}

.reveal em {
	font-style: italic;
}

.reveal code {
	color: var(--kody-eucalyptus);
	font-family: var(--font-mono);
	font-size: 0.86em;
}

.reveal pre {
	background: var(--kody-surface);
	border: 1px solid var(--kody-line);
	box-shadow: none;
	box-sizing: border-box;
	font-size: var(--code-font-size);
	margin: 0.6em 0 0;
	max-width: 100%;
	min-width: 0;
	overflow-x: auto;
	padding: 0.85em 1em;
	width: 100%;
}

.reveal pre code {
	color: var(--kody-ink);
	font-size: 1em;
	max-height: none;
}

.reveal a {
	color: var(--kody-eucalyptus);
	text-decoration: underline;
	text-decoration-thickness: 0.08em;
	text-underline-offset: 0.16em;
}

.reveal a:hover,
.reveal a:focus-visible {
	color: var(--kody-eucalyptus-hover);
}

.reveal-viewport {
	--r-controls-spacing: 18px;
}

.reveal .controls {
	color: var(--kody-ink);
	font-size: 11px;
}

.reveal .controls .enabled {
	opacity: 0.82;
}

.reveal .controls .enabled.fragmented,
.reveal:not(.rtl) .controls[data-controls-back-arrows='faded'] .navigate-left.enabled {
	opacity: 0.45;
}

.reveal .controls .enabled:hover,
.reveal .controls .enabled.fragmented:hover,
.reveal:not(.rtl) .controls[data-controls-back-arrows='faded'] .navigate-left.enabled:hover {
	color: var(--kody-eucalyptus);
	opacity: 1;
}

.reveal .progress {
	background: var(--kody-progress-track);
	color: var(--kody-eucalyptus);
	height: 4px;
}

.reveal .slide-number {
	background: transparent;
	bottom: 22px;
	color: var(--kody-muted);
	font-family: var(--font-mono);
	font-size: 16px;
	letter-spacing: 0.08em;
	right: 132px;
	text-transform: uppercase;
}

.reveal .slide-number a {
	text-decoration: none;
}

.reveal h1,
.reveal h2,
.reveal h3,
.eyebrow,
.subtitle,
.footnote,
.big-line,
.hold-line,
.host-name {
	text-wrap: balance;
}

.eyebrow {
	color: color-mix(in oklch, var(--kody-muted) 55%, var(--kody-ink)) !important;
	font-family: var(--font-mono);
	font-size: 0.46em !important;
	letter-spacing: 0.14em;
	margin-bottom: 0.55em;
	text-transform: uppercase;
}

.subtitle {
	color: var(--kody-body) !important;
	font-size: 0.68em !important;
	margin-top: 0.65em;
	max-width: 960px;
}

.footnote {
	color: color-mix(in oklch, var(--kody-muted) 55%, var(--kody-ink)) !important;
	font-family: var(--font-mono);
	font-size: 0.46em !important;
	letter-spacing: 0.02em;
	margin-top: 0.85em;
}

.big-line {
	color: var(--kody-ink) !important;
	font-family: var(--font-display);
	font-size: 1.18em !important;
	font-weight: 700;
	letter-spacing: -0.03em;
	line-height: 1.16 !important;
	max-width: 1040px;
}

.hold-line {
	color: var(--kody-ink) !important;
	font-family: var(--font-display);
	font-size: 1.28em !important;
	font-weight: 700;
	letter-spacing: -0.03em;
	line-height: 1.18 !important;
	max-width: 1040px;
}

.squat-slide .hold-line {
	font-size: 3.2em !important;
}

.squat-slide .subtitle {
	font-size: 1.7em !important;
}

.title-slide h1 {
	font-size: 2.37em;
	margin-bottom: 0;
}

.title-slide,
.thank-slide {
	position: relative;
}

.thank-slide {
	text-align: center;
}

.thank-slide .hold-line {
	font-size: 3.84em !important;
	margin-left: auto;
	margin-right: auto;
}

.awesome-slide {
	text-align: center;
}

.awesome-slide .hold-line {
	font-size: 4.7em !important;
	margin-left: auto;
	margin-right: auto;
	max-width: none;
	white-space: nowrap;
}

.title-kody {
	bottom: 4.6rem;
	height: 210px;
	pointer-events: none;
	position: absolute;
	right: 0.2rem;
	width: auto;
}

.title-meta {
	color: var(--kody-muted);
	display: flex;
	flex-wrap: wrap;
	font-family: var(--font-mono);
	font-size: 0.44em;
	gap: 1.2rem;
	letter-spacing: 0.1em;
	margin-top: 1.5em;
	text-transform: uppercase;
}

.five-grid {
	display: grid;
	gap: 0.7rem;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	margin-top: 1.1em;
}

.five-grid .thing {
	background: var(--kody-surface);
	border: 1px solid var(--kody-line);
	border-radius: 12px;
	min-height: 8.4rem;
	padding: 0.75em 0.7em;
}

.five-grid .thing .n {
	color: var(--kody-eucalyptus);
	display: block;
	font-family: var(--font-mono);
	font-size: 0.44em;
	letter-spacing: 0.12em;
	margin-bottom: 0.55em;
	text-transform: uppercase;
}

.five-grid .thing p {
	color: var(--kody-ink);
	font-family: var(--font-display);
	font-size: 0.62em;
	font-weight: 700;
	letter-spacing: -0.02em;
	line-height: 1.2;
	margin: 0;
}

.three-col {
	display: grid;
	gap: 0.75rem;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin-top: 0.85em;
}

.three-col .card {
	min-height: 0;
}

.ladder-stage {
	align-items: center;
	column-gap: 1.5rem;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	width: 100%;
}

.ladder-caption {
	display: grid;
	justify-items: start;
	min-height: 0;
}

.reveal .slides section .ladder-caption .hold-line {
	font-size: 2.325em !important;
	grid-area: 1 / 1;
	line-height: 1.08 !important;
	margin: 0;
	max-width: 11ch;
	transition:
		filter var(--duration-quick) var(--ease-in-out),
		opacity var(--duration-quick) var(--ease-in-out),
		transform var(--duration-quick) var(--ease-in-out);
}

.reveal .slides section .ladder-caption .hold-line.fragment {
	filter: blur(var(--blur-small));
	opacity: 0;
	transform: translateY(var(--distance-micro));
	visibility: visible;
}

.reveal .slides section .ladder-caption .hold-line.fragment.visible,
.reveal .slides section .ladder-caption .hold-line.fragment.current-fragment {
	filter: blur(0);
	opacity: 1;
	transform: none;
}

.ladder-enter {
	height: 0;
	overflow: hidden;
	position: absolute;
	width: 0;
}

.reveal .slides section[data-slide='ladder'] .canvas.ladder {
	filter: blur(var(--blur-small));
	opacity: 0;
	pointer-events: none;
	transform: translateX(var(--distance-medium));
	transition:
		filter var(--duration-medium) var(--ease-smooth-out),
		opacity var(--duration-medium) var(--ease-smooth-out),
		transform var(--duration-medium) var(--ease-smooth-out);
	visibility: visible;
}

.reveal .slides section[data-slide='ladder'][data-fragment]:not([data-fragment='-1']) .canvas.ladder {
	filter: none;
	opacity: 1;
	pointer-events: auto;
	transform: none;
}

[data-slide='ladder'][data-fragment='1'] .ladder-caption .work-to-do,
[data-slide='ladder'][data-fragment='2'] .ladder-caption .work-to-do,
[data-slide='ladder'][data-fragment='3'] .ladder-caption .work-to-do,
[data-slide='ladder'][data-fragment='4'] .ladder-caption .work-to-do,
[data-slide='ladder'][data-fragment='5'] .ladder-caption .work-to-do,
[data-slide='ladder'][data-fragment='6'] .ladder-caption .work-to-do,
[data-slide='ladder'][data-fragment='2'] .ladder-caption .hard-way,
[data-slide='ladder'][data-fragment='3'] .ladder-caption .hard-way,
[data-slide='ladder'][data-fragment='4'] .ladder-caption .hard-way,
[data-slide='ladder'][data-fragment='5'] .ladder-caption .hard-way,
[data-slide='ladder'][data-fragment='6'] .ladder-caption .hard-way,
[data-slide='ladder'][data-fragment='6'] .ladder-caption .pain-move {
	filter: blur(var(--blur-small)) !important;
	opacity: 0 !important;
	transform: translateY(calc(var(--distance-micro) * -1)) !important;
}

.ladder {
	display: grid;
	margin-top: 0;
	padding: 0.7em 0.85em;
	row-gap: 0.2rem;
}

.ladder .rung {
	align-items: center;
	display: flex;
	font-family: var(--font-display);
	font-size: 0.78em;
	font-weight: 700;
	justify-content: center;
	letter-spacing: -0.03em;
	line-height: 1;
	min-height: 2.35rem;
	padding: 0.2em 0.7em;
	text-align: center;
}

.rung-arrow {
	color: var(--kody-eucalyptus);
	font-size: 0.52em;
	letter-spacing: 0;
	line-height: 1;
	padding: 0.16em 0;
	text-align: center;
}

.ladder-mid {
	align-items: stretch;
	display: grid;
	grid-template-columns: minmax(0, 2fr) minmax(0, 8fr);
	min-height: 0;
}

.ladder-mid > .ladder-arrow {
	transform: translateX(200%);
	transition: transform var(--duration-fast) var(--ease-smooth-out);
}

[data-slide='ladder'][data-fragment='3'] .hop-mid > .ladder-arrow,
[data-slide='ladder'][data-fragment='5'] .hop-mid > .ladder-arrow,
[data-slide='ladder'][data-fragment='6'] .hop-mid > .ladder-arrow,
[data-slide='ladder'][data-fragment='4'] .ha-mid > .ladder-arrow,
[data-slide='ladder'][data-fragment='5'] .ha-mid > .ladder-arrow,
[data-slide='ladder'][data-fragment='6'] .ha-mid > .ladder-arrow {
	transform: none;
}

.ladder-arrow {
	align-items: center;
	display: flex;
	flex-direction: column;
	min-height: 1.5em;
	padding: 0.12em 0;
}

.ladder-arrow-head {
	border-bottom: 0.62em solid var(--kody-eucalyptus);
	border-left: 0.48em solid transparent;
	border-right: 0.48em solid transparent;
	flex: 0 0 auto;
	height: 0;
	width: 0;
}

.ladder-arrow-shaft {
	background: var(--kody-eucalyptus);
	border-radius: 0 0 999px 999px;
	flex: 1 1 auto;
	margin-top: -1px;
	min-height: 0.4em;
	transition: flex-basis var(--duration-fast) var(--ease-smooth-out);
	width: 0.28em;
}

.reveal .slides section .reason-list.fragment {
	opacity: 1;
	visibility: visible;
}

.hop-slot {
	display: grid;
	grid-template-rows: 0fr;
	transition: grid-template-rows var(--duration-fast) var(--ease-smooth-out);
}

.hop-slot-inner {
	display: grid;
	min-height: 0;
	overflow: hidden;
}

.hop-slot-inner .reason-list {
	grid-area: 1 / 1;
}

[data-slide='ladder'][data-fragment='3'] .hop-mid .hop-slot,
[data-slide='ladder'][data-fragment='5'] .hop-mid .hop-slot,
[data-slide='ladder'][data-fragment='6'] .hop-mid .hop-slot,
[data-slide='ladder'][data-fragment='4'] .ha-mid .hop-slot,
[data-slide='ladder'][data-fragment='5'] .ha-mid .hop-slot,
[data-slide='ladder'][data-fragment='6'] .ha-mid .hop-slot {
	grid-template-rows: 1fr;
	width: 100%;
}

.reason-list {
	align-content: center;
	display: grid;
	gap: 0.12em 0.55em;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	justify-items: center;
	min-height: 0;
	overflow: hidden;
	padding: 0;
	text-align: center;
}

[data-slide='ladder'][data-fragment='3'] .hs-reasons,
[data-slide='ladder'][data-fragment='4'] .ha-reasons,
[data-slide='ladder'][data-fragment='5'] .as-reasons,
[data-slide='ladder'][data-fragment='5'] .ha-reasons,
[data-slide='ladder'][data-fragment='6'] .as-reasons,
[data-slide='ladder'][data-fragment='6'] .ha-reasons {
	min-height: 2.8em;
	padding: 0.2em 0.15em;
}

.reason-list span {
	color: var(--kody-eucalyptus);
	display: block;
	filter: blur(var(--blur-medium));
	font-family: var(--font-display);
	font-size: 1.05em;
	font-weight: 700;
	letter-spacing: -0.02em;
	line-height: 1.14;
	opacity: 0;
	transform: translateY(var(--distance-medium));
	transition:
		filter var(--duration-very-slow) var(--ease-smooth-out),
		opacity var(--duration-very-slow) var(--ease-smooth-out),
		transform var(--duration-very-slow) var(--ease-smooth-out);
}

.reason-list.visible span,
.reason-list.current-fragment span {
	filter: blur(0);
	opacity: 1;
	transform: none;
}

.reason-list span:nth-child(2) {
	transition-delay: var(--duration-stagger);
}

.reason-list span:nth-child(3) {
	transition-delay: calc(var(--duration-stagger) * 2);
}

.reason-list span:nth-child(4) {
	transition-delay: calc(var(--duration-stagger) * 3);
}

[data-slide='ladder'][data-fragment='6'] .as-reasons span {
	opacity: 0.4;
}

[data-slide='ladder'][data-fragment='4'] .hs-reasons span,
[data-slide='ladder'][data-fragment='5'] .hs-reasons span,
[data-slide='ladder'][data-fragment='6'] .hs-reasons span {
	filter: blur(0);
	opacity: 0;
	transform: none;
	transition:
		opacity 300ms ease,
		transform 0s linear,
		filter 0s linear;
	transition-delay: 0s;
}

.reveal .slides section .software-insert.fragment,
.reveal .slides section .agent-insert.fragment {
	display: grid;
	grid-template-rows: 0fr;
	opacity: 1;
	pointer-events: none;
	transition: grid-template-rows var(--duration-medium) var(--ease-smooth-out);
	visibility: visible;
}

.reveal .slides section .software-insert.fragment.visible,
.reveal .slides section .agent-insert.fragment.visible {
	grid-template-rows: 1fr;
	pointer-events: auto;
	transition: grid-template-rows var(--duration-slow) var(--ease-smooth-out);
}

.software-insert-inner,
.agent-insert-inner {
	display: grid;
	filter: blur(var(--blur-small));
	min-height: 0;
	opacity: 0;
	overflow: hidden;
	row-gap: 0.2rem;
	transition:
		filter var(--duration-medium) var(--ease-smooth-out),
		opacity var(--duration-medium) var(--ease-smooth-out),
		transform var(--duration-medium) var(--ease-smooth-out);
}

.software-insert-inner {
	transform: translateY(calc(var(--distance-medium) * -1));
}

.agent-insert-inner {
	transform: translateY(var(--distance-medium));
}

.software-insert.visible .software-insert-inner,
.agent-insert.visible .agent-insert-inner {
	filter: blur(0);
	opacity: 1;
	transform: none;
	transition:
		filter var(--duration-slow) var(--ease-smooth-out),
		opacity var(--duration-slow) var(--ease-smooth-out),
		transform var(--duration-slow) var(--ease-smooth-out);
}

.garden {
	display: grid;
	row-gap: 0.225em;
	width: 100%;
}

.garden-head {
	margin-bottom: 0.175em;
	min-height: 5.3em;
	position: relative;
}

.garden-head .hold-line {
	font-size: 2.36em !important;
	inset-inline-start: 0;
	line-height: 1.12 !important;
	margin: 0;
	max-width: 18ch;
	position: absolute;
	top: 0;
	transition:
		filter var(--duration-quick) var(--ease-in-out),
		opacity var(--duration-quick) var(--ease-in-out),
		transform var(--duration-quick) var(--ease-in-out);
}

.reveal .slides section .garden-title-walled.fragment,
.reveal .slides section .garden-title-shared.fragment {
	filter: blur(var(--blur-small));
	opacity: 0;
	pointer-events: none;
	transform: translateY(var(--distance-micro));
	visibility: visible;
}

.reveal .slides section .garden-title-walled.fragment.visible {
	animation: garden-title-in var(--duration-quick) var(--ease-in-out) both;
}

.reveal .slides section .garden-title-shared.fragment.visible,
.reveal .slides section .garden-title-shared.fragment.current-fragment {
	filter: blur(0);
	opacity: 1;
	pointer-events: auto;
	transform: none;
}

[data-slide='elephant'][data-fragment='1'] .garden-title-walled {
	animation: none !important;
	filter: blur(var(--blur-small)) !important;
	opacity: 0 !important;
	pointer-events: none;
	transform: translateY(calc(var(--distance-micro) * -1));
}

@keyframes garden-title-in {
	from {
		filter: blur(var(--blur-small));
		opacity: 0;
		transform: translateY(var(--distance-micro));
	}
	to {
		filter: blur(0);
		opacity: 1;
		transform: none;
	}
}

.garden-stack {
	display: grid;
	margin-top: 0;
	padding: 0.2em 0.8em;
	row-gap: 0.18rem;
}

.garden .rung {
	align-items: center;
	display: flex;
	font-family: var(--font-display);
	font-size: 1.16em;
	font-weight: 700;
	justify-content: center;
	letter-spacing: -0.03em;
	line-height: 1;
	min-height: 4.4rem;
	padding: 0.28em 0.45em;
	text-align: center;
}

.garden-software {
	display: grid;
	isolation: isolate;
}

.garden-sw-narrows,
.garden-lanes {
	display: grid;
	gap: 0.28rem;
	grid-template-columns: repeat(9, minmax(0, 1fr));
}

.garden-sw-narrows,
.garden-sw-wide {
	grid-area: 1 / 1;
}

.garden-sw-narrows {
	position: relative;
	z-index: 0;
}

.garden .rung.garden-sw-wide {
	justify-self: start;
	min-width: 0;
	opacity: 0;
	overflow: hidden;
	padding-left: 0;
	padding-right: 0;
	pointer-events: none;
	position: relative;
	width: 0;
	z-index: 1;
}

.garden-sw-wide-label {
	opacity: 0;
	white-space: nowrap;
}

[data-slide='elephant'][data-fragment='1'] .garden-sw-wide {
	animation:
		garden-sw-wide-fade 100ms var(--ease-in-out) both,
		garden-sw-wide-grow 1.5s var(--ease-smooth-out) both;
	pointer-events: auto;
}

[data-slide='elephant'][data-fragment='1'] .garden-sw-wide-label {
	animation: garden-sw-wide-label-in var(--duration-fast) var(--ease-in-out) 1.5s both;
}

@keyframes garden-sw-wide-fade {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@keyframes garden-sw-wide-grow {
	from {
		width: 10px;
	}
	to {
		width: 100%;
	}
}

@keyframes garden-sw-wide-label-in {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

.garden-lane {
	display: grid;
	min-width: 0;
	row-gap: 0.12rem;
}

[data-slide='elephant']:not([data-fragment]) .garden-sw-narrows .rung,
[data-slide='elephant']:not([data-fragment]) .garden-lane,
[data-slide='elephant'][data-fragment='-1'] .garden-sw-narrows .rung,
[data-slide='elephant'][data-fragment='-1'] .garden-lane {
	animation: garden-col-in 0.375s var(--ease-smooth-out) both;
}

[data-slide='elephant']:not([data-fragment]) .garden-sw-narrows .rung:nth-child(1),
[data-slide='elephant']:not([data-fragment]) .garden-lane:nth-child(1),
[data-slide='elephant'][data-fragment='-1'] .garden-sw-narrows .rung:nth-child(1),
[data-slide='elephant'][data-fragment='-1'] .garden-lane:nth-child(1) {
	animation-delay: 0s;
}

[data-slide='elephant']:not([data-fragment]) .garden-sw-narrows .rung:nth-child(2),
[data-slide='elephant']:not([data-fragment]) .garden-lane:nth-child(2),
[data-slide='elephant'][data-fragment='-1'] .garden-sw-narrows .rung:nth-child(2),
[data-slide='elephant'][data-fragment='-1'] .garden-lane:nth-child(2) {
	animation-delay: 0.328s;
}

[data-slide='elephant']:not([data-fragment]) .garden-sw-narrows .rung:nth-child(3),
[data-slide='elephant']:not([data-fragment]) .garden-lane:nth-child(3),
[data-slide='elephant'][data-fragment='-1'] .garden-sw-narrows .rung:nth-child(3),
[data-slide='elephant'][data-fragment='-1'] .garden-lane:nth-child(3) {
	animation-delay: 0.656s;
}

[data-slide='elephant']:not([data-fragment]) .garden-sw-narrows .rung:nth-child(4),
[data-slide='elephant']:not([data-fragment]) .garden-lane:nth-child(4),
[data-slide='elephant'][data-fragment='-1'] .garden-sw-narrows .rung:nth-child(4),
[data-slide='elephant'][data-fragment='-1'] .garden-lane:nth-child(4) {
	animation-delay: 0.984s;
}

[data-slide='elephant']:not([data-fragment]) .garden-sw-narrows .rung:nth-child(5),
[data-slide='elephant']:not([data-fragment]) .garden-lane:nth-child(5),
[data-slide='elephant'][data-fragment='-1'] .garden-sw-narrows .rung:nth-child(5),
[data-slide='elephant'][data-fragment='-1'] .garden-lane:nth-child(5) {
	animation-delay: 1.313s;
}

[data-slide='elephant']:not([data-fragment]) .garden-sw-narrows .rung:nth-child(6),
[data-slide='elephant']:not([data-fragment]) .garden-lane:nth-child(6),
[data-slide='elephant'][data-fragment='-1'] .garden-sw-narrows .rung:nth-child(6),
[data-slide='elephant'][data-fragment='-1'] .garden-lane:nth-child(6) {
	animation-delay: 1.641s;
}

[data-slide='elephant']:not([data-fragment]) .garden-sw-narrows .rung:nth-child(7),
[data-slide='elephant']:not([data-fragment]) .garden-lane:nth-child(7),
[data-slide='elephant'][data-fragment='-1'] .garden-sw-narrows .rung:nth-child(7),
[data-slide='elephant'][data-fragment='-1'] .garden-lane:nth-child(7) {
	animation-delay: 1.969s;
}

[data-slide='elephant']:not([data-fragment]) .garden-sw-narrows .rung:nth-child(8),
[data-slide='elephant']:not([data-fragment]) .garden-lane:nth-child(8),
[data-slide='elephant'][data-fragment='-1'] .garden-sw-narrows .rung:nth-child(8),
[data-slide='elephant'][data-fragment='-1'] .garden-lane:nth-child(8) {
	animation-delay: 2.297s;
}

[data-slide='elephant']:not([data-fragment]) .garden-sw-narrows .rung:nth-child(9),
[data-slide='elephant']:not([data-fragment]) .garden-lane:nth-child(9),
[data-slide='elephant'][data-fragment='-1'] .garden-sw-narrows .rung:nth-child(9),
[data-slide='elephant'][data-fragment='-1'] .garden-lane:nth-child(9) {
	animation-delay: 2.625s;
}

[data-slide='elephant'][data-fragment='0'] .garden-sw-narrows .rung,
[data-slide='elephant'][data-fragment='0'] .garden-lane,
[data-slide='elephant'][data-fragment='1'] .garden-sw-narrows .rung,
[data-slide='elephant'][data-fragment='1'] .garden-lane {
	animation: none;
	filter: none;
	opacity: 1;
	transform: none;
}

@keyframes garden-col-in {
	from {
		filter: blur(var(--blur-small));
		opacity: 0;
		transform: translateY(var(--distance-medium));
	}
	to {
		filter: blur(0);
		opacity: 1;
		transform: none;
	}
}

.garden-agent {
	gap: 0;
	padding-inline: 0.15em;
}

.garden-sw-narrows .rung {
	font-size: 0.72em;
}

.garden-icon,
.garden-climber {
	background-color: var(--kody-ink);
	display: block;
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: contain;
}

.garden-icon {
	flex: 0 0 1em;
	height: 1em;
	width: 1em;
}

.garden-shaft {
	height: 5.2rem;
	overflow: hidden;
	position: relative;
}

.garden-shaft .rung-arrow {
	font-size: 1.04em;
	inset: 0;
	position: absolute;
}

.garden-climber {
	background-color: var(--kody-eucalyptus);
	height: 1.9em;
	left: 50%;
	opacity: 0;
	position: absolute;
	top: 0;
	width: 1.9em;
	animation: garden-climb var(--climb-duration, 2.6s) linear infinite;
	animation-delay: var(--climb-delay, 0s);
}

@keyframes garden-climb {
	0% {
		opacity: 0;
		transform: translate(-50%, 3.45rem);
	}
	14% {
		opacity: 1;
	}
	86% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		transform: translate(-50%, -0.3rem);
	}
}

html[data-static] .garden-climber {
	animation: none;
	opacity: 0.9;
	transform: translate(-50%, 1.7rem);
}

html[data-static] [data-slide='elephant'] .garden-sw-narrows .rung,
html[data-static] [data-slide='elephant'] .garden-lane,
html[data-static] .garden-title-walled {
	animation: none !important;
	filter: none;
	opacity: 1;
	transform: none;
}

html[data-static] [data-slide='elephant'][data-fragment='1'] .garden-sw-wide {
	animation: none;
	opacity: 1;
	width: 100%;
}

html[data-static] [data-slide='elephant'][data-fragment='1'] .garden-sw-wide-label {
	animation: none;
	opacity: 1;
}

html[data-static] [data-slide='ladder'] .canvas.ladder {
	filter: none !important;
	opacity: 1 !important;
	pointer-events: auto;
	transform: none !important;
	transition: none !important;
}

html[data-static] .ladder-mid > .ladder-arrow,
html[data-static] .hop-slot,
html[data-static] .reason-list span,
html[data-static] .reveal .slides section .software-insert.fragment,
html[data-static] .reveal .slides section .agent-insert.fragment,
html[data-static] .software-insert-inner,
html[data-static] .agent-insert-inner,
html[data-static] .ladder-caption .hold-line,
html[data-static] .garden-head .hold-line,
html[data-static] .garden-sw-narrows,
html[data-static] .garden-sw-wide,
html[data-static] .garden-sw-wide-label,
html[data-static] [data-slide='elephant'] .garden-sw-narrows .rung,
html[data-static] [data-slide='elephant'] .garden-lane {
	filter: none !important;
	transition: none !important;
	transition-delay: 0s !important;
}

@media (prefers-reduced-motion: reduce) {
	.garden-climber {
		animation: none;
		opacity: 0.9;
		transform: translate(-50%, 0.85rem);
	}

	[data-slide='elephant'] .garden-sw-narrows .rung,
	[data-slide='elephant'] .garden-lane {
		animation: none !important;
		filter: none;
		opacity: 1;
		transform: none;
	}

	.reveal .slides section .garden-title-walled.fragment.visible {
		animation: none;
		filter: none;
		opacity: 1;
		transform: none;
	}

	[data-slide='elephant'][data-fragment='1'] .garden-sw-wide {
		animation: none;
		opacity: 1;
		width: 100%;
	}

	[data-slide='elephant'][data-fragment='1'] .garden-sw-wide-label {
		animation: none;
		opacity: 1;
	}

	.ladder-mid > .ladder-arrow,
	.hop-slot,
	.reason-list span,
	.reveal .slides section .software-insert.fragment,
	.reveal .slides section .agent-insert.fragment,
	.software-insert-inner,
	.agent-insert-inner,
	.ladder-caption .hold-line,
	.garden-head .hold-line,
	.garden-sw-narrows,
	.garden-sw-wide,
	.garden-sw-wide-label,
	[data-slide='elephant'][data-fragment='1'] .garden-sw-wide-label,
	.reveal .io-tab,
	.reveal .io-dir-tab,
	.io-steps > .io-pane {
		filter: none !important;
		transition: none !important;
		transition-delay: 0s !important;
	}
}

.garden-human {
	font-size: 1.44em;
}

.reveal .slides section.kit-logo-slide {
	align-items: center;
	box-sizing: border-box;
	flex-direction: column;
	height: 100%;
	justify-content: center;
	overflow: hidden;
	position: relative;
	text-align: center;
}

.reveal .slides section.kit-logo-slide h2 {
	flex: 0 0 auto;
	margin: 0 0 0.7em;
	position: relative;
	z-index: 4;
}

.kit-logo {
	display: block;
	flex: 0 0 auto;
	height: 7.8em;
	margin: 0;
	position: relative;
	width: auto;
	z-index: 1;
}

.kit-apps {
	inset: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	pointer-events: none;
	position: absolute;
	z-index: 3;
}

.kit-app {
	left: var(--kit-x);
	position: absolute;
	top: var(--kit-y);
	width: var(--kit-size);
}

.reveal .slides section .kit-app.fragment {
	opacity: 0;
	transform: translateY(18px) rotate(var(--kit-rot));
}

.reveal .slides section .kit-app.fragment.visible,
.reveal .slides section .kit-app.fragment.current-fragment {
	animation: kit-app-in var(--duration-fast) var(--ease-smooth-out) var(--kit-delay) both;
}

.kit-app img {
	background: var(--kody-surface);
	border-radius: 22%;
	box-shadow: 0 0.18em 0.45em color-mix(in oklch, var(--kody-ink) 22%, transparent);
	display: block;
	height: auto;
	width: 100%;
}

@keyframes kit-app-in {
	from {
		opacity: 0;
		transform: translateY(18px) rotate(var(--kit-rot));
	}
	to {
		opacity: 1;
		transform: translateY(0) rotate(var(--kit-rot));
	}
}

html[data-static] [data-slide='app-kit'][data-fragment='0'] .kit-app,
html[data-static] .reveal .slides section .kit-app.fragment.visible,
html[data-static] .reveal .slides section .kit-app.fragment.current-fragment {
	animation: none;
	opacity: 1;
	transform: rotate(var(--kit-rot));
}

@media (prefers-reduced-motion: reduce) {
	.reveal .slides section .kit-app.fragment.visible,
	.reveal .slides section .kit-app.fragment.current-fragment {
		animation: none;
		opacity: 1;
		transform: rotate(var(--kit-rot));
	}
}

.reveal .slides section[data-slide='how-execute'],
.reveal .slides section[data-slide='how-import'] {
	align-content: stretch;
	flex-direction: column;
	height: 100%;
	justify-content: flex-start;
}

.how-execute-head {
	align-items: center;
	display: flex;
	flex: 0 0 auto;
	gap: 0.4em;
}

.how-execute-head h2 {
	margin: 0;
}

.dw-mark {
	display: block;
	flex: 0 0 auto;
	height: 1.45em;
	margin: 0;
	width: auto;
}

.reveal .slides section[data-slide='how-execute'] .mermaid-wrap,
.reveal .slides section[data-slide='how-import'] .mermaid-wrap {
	flex: 1;
	min-height: 0;
}

.how-execute-code {
	align-items: stretch;
	background: color-mix(in oklch, var(--kody-page) 86%, transparent);
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	inset: 0;
	justify-content: center;
	padding: 0.55em 0.65em;
	position: absolute;
	z-index: 2;
}

.how-execute-split {
	align-items: start;
	display: grid;
	flex: 0 0 auto;
	gap: 0.5em;
	grid-template-columns: 1fr 1fr;
	min-height: 0;
	width: 100%;
}

.reveal .slides section .how-execute-code.fragment {
	opacity: 0;
	pointer-events: none;
	visibility: hidden;
}

.reveal .slides section .how-execute-code.fragment.visible,
.reveal .slides section .how-execute-code.fragment.current-fragment,
html[data-static] .reveal .slides section .how-execute-code.fragment.visible,
html[data-static] .reveal .slides section .how-execute-code.fragment.current-fragment {
	opacity: 1;
	pointer-events: auto;
	visibility: inherit;
}

.reveal .slides section .how-execute-code pre.fragment {
	opacity: 0;
	visibility: hidden;
}

.reveal .slides section .how-execute-code pre.fragment.visible,
.reveal .slides section .how-execute-code pre.fragment.current-fragment,
html[data-static] .reveal .slides section .how-execute-code pre.fragment.visible,
html[data-static] .reveal .slides section .how-execute-code pre.fragment.current-fragment {
	opacity: 1;
	visibility: inherit;
}

.how-execute-code pre {
	--code-font-size: calc(17em / 36);
	margin: 0;
	max-height: 100%;
	overflow: hidden;
	padding: 0.55em 0.65em;
	width: 100%;
}

.tech-list {
	display: grid;
	gap: 0.45rem;
	margin: 0.85em 0 0;
	padding: 0;
	width: min(720px, 100%);
}

.tech-list li {
	background: var(--kody-surface);
	border: 1px solid var(--kody-line);
	border-radius: 12px;
	font-family: var(--font-mono);
	font-size: 0.72em;
	list-style: none;
	padding: 0.4em 0.7em;
}

.resource-list {
	display: grid;
	gap: 0.55rem;
	margin: 0.85em 0 0;
	padding: 0;
}

.resource-list li {
	background: var(--kody-surface);
	border: 1px solid var(--kody-line);
	border-radius: 12px;
	list-style: none;
	padding: 0.45em 0.7em;
}

.resource-list a {
	font-family: var(--font-mono);
	font-size: 0.72em;
	overflow-wrap: anywhere;
}

.resource-list span {
	color: var(--kody-muted);
	font-family: var(--font-mono);
	font-size: 0.58em;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.thank-url {
	color: var(--kody-eucalyptus);
	font-family: var(--font-mono);
	font-size: 0.52em;
	letter-spacing: 0.16em;
	margin-top: 0.7em;
	text-transform: lowercase;
}

.thank-slide .thank-url {
	font-size: 0.78em;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.reveal .slides section.kody-home-slide {
	align-items: center;
	gap: 0.08em;
	justify-content: flex-end;
	overflow: hidden;
	padding: 8px 20px 16px !important;
	text-align: center;
}

.kody-home-figure {
	align-items: center;
	display: flex;
	flex: 1 1 auto;
	justify-content: center;
	min-height: 0;
	overflow: hidden;
	width: 100%;
}

.kody-home-lantern {
	display: block;
	height: 100%;
	max-height: 100%;
	max-width: 100%;
	object-fit: contain;
	width: auto;
}

.reveal .slides section.give-job-slide {
	align-items: center;
	gap: 0.55em;
	justify-content: center;
	text-align: center;
}

.reveal .slides section.give-job-slide h2 {
	flex: 0 0 auto;
	font-size: 1.48em;
	margin: 0;
	max-width: 1040px;
}

.reveal .slides section.give-job-slide h2.fragment {
	opacity: 0;
	visibility: hidden;
}

.reveal .slides section.give-job-slide h2.fragment.visible,
.reveal .slides section.give-job-slide h2.fragment.current-fragment,
html[data-static] .reveal .slides section.give-job-slide h2.fragment.visible,
html[data-static] .reveal .slides section.give-job-slide h2.fragment.current-fragment {
	opacity: 1;
	visibility: inherit;
}

.give-job-link {
	display: block;
	flex: 0 1 auto;
	max-width: 920px;
	min-height: 0;
	position: relative;
	width: 100%;
}

.give-job-link img {
	aspect-ratio: 16 / 9;
	background: var(--kody-surface);
	border: 1px solid var(--kody-line);
	border-radius: 14px;
	box-sizing: border-box;
	display: block;
	height: auto;
	object-fit: cover;
	width: 100%;
}

.give-job-play {
	align-items: center;
	background: color-mix(in oklch, var(--kody-page) 55%, transparent);
	border: 3px solid var(--kody-eucalyptus);
	border-radius: 50%;
	box-shadow: 0 0 0 8px color-mix(in oklch, var(--kody-eucalyptus) 18%, transparent);
	display: flex;
	height: 96px;
	justify-content: center;
	left: 50%;
	pointer-events: none;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 96px;
	z-index: 2;
}

.give-job-play span {
	border-color: transparent transparent transparent var(--kody-eucalyptus);
	border-style: solid;
	border-width: 16px 0 16px 26px;
	display: block;
	height: 0;
	margin-left: 6px;
	width: 0;
}

.reveal .kody-home-url {
	color: var(--kody-eucalyptus);
	flex: 0 0 auto;
	font-family: var(--font-display);
	font-size: 2.55em;
	font-weight: 750;
	letter-spacing: -0.04em;
	line-height: 1;
	margin: 0;
	position: relative;
	text-decoration: none;
	z-index: 1;
}

.reveal .slides section.factory-slide {
	align-items: center;
	flex-direction: column;
	height: 100%;
	justify-content: center;
}

.factory-grid {
	display: grid;
	gap: 8px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin-inline: auto;
	max-width: 1020px;
	width: 100%;
}

.reveal .factory-grid a {
	color: inherit;
	display: block;
	min-width: 0;
	text-decoration: none;
}

.reveal .factory-grid a:hover img,
.reveal .factory-grid a:focus-visible img {
	border-color: var(--kody-eucalyptus);
}

.factory-grid img {
	aspect-ratio: 16 / 9;
	background: var(--kody-surface);
	border: 1px solid var(--kody-line);
	border-radius: 8px;
	box-sizing: border-box;
	display: block;
	height: auto;
	margin: 0;
	max-width: none;
	object-fit: cover;
	width: 100%;
}

.reveal .slides section.video-cue-slide {
	align-items: center;
}

.demo-stage {
	background: var(--kody-surface);
	border: 1px solid var(--kody-line);
	border-radius: 14px;
	box-sizing: border-box;
	cursor: pointer;
	flex: 0 0 auto;
	height: 540px;
	margin-inline: auto;
	overflow: hidden;
	position: relative;
	width: 960px;
}

.demo-thumb,
.demo-video {
	display: block;
	height: 100%;
	inset: 0;
	object-fit: contain;
	position: absolute;
	transition: opacity 225ms ease;
	width: 100%;
}

.demo-video {
	opacity: 0;
	pointer-events: none;
}

.video-cue-slide.is-playing .demo-thumb {
	opacity: 0;
}

.video-cue-slide.is-playing .demo-video {
	opacity: 1;
	pointer-events: auto;
}

.video-cue-slide.is-playing .demo-play {
	animation: demo-play-pulse 0.675s ease-out forwards;
	pointer-events: none;
}

.video-cue-slide.is-playing .demo-stage {
	cursor: default;
}

@keyframes demo-play-pulse {
	to {
		box-shadow: 0 0 0 28px color-mix(in oklch, var(--kody-eucalyptus) 0%, transparent);
		opacity: 0;
		transform: translate(-50%, -50%) scale(2.2);
	}
}

.demo-play {
	align-items: center;
	background: color-mix(in oklch, var(--kody-page) 55%, transparent);
	border: 3px solid var(--kody-eucalyptus);
	border-radius: 50%;
	box-shadow: 0 0 0 8px color-mix(in oklch, var(--kody-eucalyptus) 18%, transparent);
	cursor: pointer;
	display: flex;
	height: 96px;
	justify-content: center;
	left: 50%;
	padding: 0;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 96px;
	z-index: 2;
}

.demo-play span {
	border-color: transparent transparent transparent var(--kody-eucalyptus);
	border-style: solid;
	border-width: 16px 0 16px 26px;
	display: block;
	height: 0;
	margin-left: 6px;
	width: 0;
}

.demo-play:focus-visible {
	outline: 3px solid var(--kody-eucalyptus);
	outline-offset: 4px;
}

.loop-row {
	display: grid;
	gap: 0.75rem;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin-top: 1.15em;
}

.loop-step {
	background: var(--kody-surface);
	border: 1px solid var(--kody-line);
	border-radius: 12px;
	padding: 0.85em 0.9em;
}

.loop-step strong {
	display: block;
	font-family: var(--font-display);
	font-size: 0.95em;
	letter-spacing: -0.02em;
	margin-bottom: 0.3em;
}

.loop-step p {
	font-size: 0.58em;
	margin: 0;
}

.host-slide .host-name {
	color: var(--kody-ink);
	font-family: var(--font-display);
	font-size: 2.15em;
	font-weight: 800;
	letter-spacing: -0.04em;
	line-height: 0.95;
	margin: 0.15em 0 0.25em;
}

.host-slide .host-job {
	color: var(--kody-body);
	font-size: 0.78em;
	max-width: 920px;
}

.host-slide .host-where {
	color: var(--kody-eucalyptus);
	font-family: var(--font-mono);
	font-size: 0.5em;
	letter-spacing: 0.12em;
	margin-top: 0.9em;
	text-transform: uppercase;
}

.two-col {
	display: grid;
	gap: 1rem;
	grid-template-columns: 1fr 1fr;
	margin-top: 0.75em;
}

.card {
	background: var(--kody-surface);
	border: 1px solid var(--kody-line);
	border-radius: 12px;
	box-sizing: border-box;
	min-height: 8.6rem;
	padding: 0.85em 0.95em;
}

.card h3 {
	font-family: var(--font-mono);
	font-size: 0.52em;
	letter-spacing: 0.1em;
	margin: 0 0 0.5em;
	text-transform: uppercase;
}

.card.bad,
.card.good {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.card.bad {
	border-left: 4px solid var(--kody-danger);
}

.card.good {
	border-left: 4px solid var(--kody-eucalyptus);
}

.card.bad h3 {
	color: var(--kody-danger);
}

.card.good h3 {
	color: var(--kody-eucalyptus);
}

.card p,
.card li {
	font-size: 0.6em;
	margin: 0;
}

.card ul {
	margin: 0;
	padding-left: 1em;
}

.scar-list {
	display: grid;
	gap: 0.65rem;
	margin: 0.8em 0 0;
	padding: 0;
}

.scar-list li {
	background: var(--kody-surface);
	border: 1px solid var(--kody-line);
	border-radius: 12px;
	font-size: 0.64em;
	list-style: none;
	padding: 0.6em 0.8em;
}

.scar-list strong {
	display: block;
	font-family: var(--font-mono);
	font-size: 0.72em;
	letter-spacing: 0.08em;
	margin-bottom: 0.2em;
	text-transform: uppercase;
}

.legend {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 0.55rem 1rem;
	margin-top: 0.7em;
}

.legend span {
	align-items: center;
	color: var(--kody-muted);
	display: inline-flex;
	font-family: var(--font-mono);
	font-size: 0.42em;
	gap: 0.45rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.legend i {
	background: var(--kody-surface);
	border: 1px solid var(--kody-line);
	border-radius: 4px;
	display: inline-block;
	font-style: normal;
	height: 0.85em;
	width: 0.85em;
}

.legend i.on {
	background: var(--kody-eucalyptus);
	border-color: var(--kody-eucalyptus);
	box-shadow: 0 0 0 2px color-mix(in oklch, var(--kody-eucalyptus) 28%, transparent);
}

.canvas {
	background: color-mix(in oklch, var(--kody-surface) 88%, transparent);
	border: 1px solid var(--kody-line);
	border-radius: 14px;
	margin-top: 0.55em;
	padding: 0.75em 0.8em;
	position: relative;
}

.canvas-row,
.sandbox-flow,
.git-flow {
	align-items: stretch;
	display: grid;
	gap: 0.45rem;
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.git-flow {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.canvas-row .node,
.sandbox-flow .node,
.git-flow .node {
	min-width: 0;
}

.node,
.chip,
.do-instance {
	background: var(--kody-page);
	border: 2px dashed var(--kody-line);
	border-radius: 10px;
	box-sizing: border-box;
	color: var(--kody-muted);
	padding: 0.55em 0.6em;
	text-align: left;
}

.node,
.do-instance {
	min-height: 5.4rem;
}

.node .kicker,
.chip .kicker,
.lane-event .kicker,
.do-instance .kicker {
	color: inherit;
	display: block;
	font-family: var(--font-mono);
	font-size: 0.50em;
	letter-spacing: 0.1em;
	margin-bottom: 0.35em;
	text-transform: uppercase;
}

.node .label,
.chip .label,
.do-instance .label {
	color: inherit;
	display: block;
	font-family: var(--font-display);
	font-size: 0.62em;
	font-weight: 700;
	letter-spacing: -0.02em;
	line-height: 1.15;
	overflow-wrap: break-word;
}

.git-flow .node .label {
	font-size: 0.56em;
}

.node .state,
.chip .state,
.do-instance .state,
.lane-event .state {
	display: block;
	font-family: var(--font-mono);
	font-size: 0.50em;
	letter-spacing: 0.08em;
	margin-top: 0.45em;
	text-transform: uppercase;
}

.reveal .slides section .fragment.node,
.reveal .slides section .fragment.chip,
.reveal .slides section .fragment.do-instance,
.reveal .slides section .fragment.lane-event,
.reveal .slides section .fragment.runtime-well {
	opacity: 0;
	pointer-events: none;
	transition:
		opacity 0.3s ease,
		background 0.3s ease,
		border-color 0.3s ease,
		color 0.3s ease;
	visibility: visible;
}

.reveal .slides section .fragment.visible.node,
.reveal .slides section .fragment.visible.chip,
.reveal .slides section .fragment.visible.do-instance,
.reveal .slides section .fragment.visible.lane-event,
.reveal .slides section .fragment.visible.runtime-well,
.reveal .slides section .fragment.current-visible.node,
.reveal .slides section .fragment.current-visible.chip,
.reveal .slides section .fragment.current-visible.do-instance,
.reveal .slides section .fragment.current-visible.lane-event,
.reveal .slides section .fragment.current-visible.runtime-well {
	opacity: 1;
	pointer-events: auto;
}

.node.is-on,
.chip.is-on,
.do-instance.is-on,
.lane-event.is-on,
.reveal .fragment.visible.node,
.reveal .fragment.visible.chip,
.reveal .fragment.visible.do-instance,
.reveal .fragment.visible.lane-event,
.reveal .fragment.current-visible.node,
.reveal .fragment.current-visible.chip,
.reveal .fragment.current-visible.do-instance,
.reveal .fragment.current-visible.lane-event {
	background: var(--kody-eucalyptus-fill);
	border-color: var(--kody-eucalyptus-line);
	border-style: solid;
	color: var(--kody-ink);
}

.node.is-dead.is-on,
.reveal .fragment.visible.node.is-dead {
	background: color-mix(in oklch, var(--kody-danger) 14%, var(--kody-page));
	border-color: var(--kody-danger);
}

.canvas button.node,
.canvas button.chip,
.canvas button.do-instance,
.canvas button.lane-event {
	cursor: pointer;
	font: inherit;
	text-align: left;
	width: 100%;
}

.canvas button:focus-visible,
.reveal a:focus-visible,
.hotspot:focus-visible {
	outline: 3px solid var(--kody-eucalyptus);
	outline-offset: 3px;
}

.front-door {
	display: grid;
	gap: 0.65rem;
	grid-template-columns: 11.5rem minmax(0, 1fr);
	min-height: 12.4rem;
}

.tool-list {
	display: grid;
	gap: 0.5rem;
	grid-template-rows: 1fr 1fr;
}

.tool-list:has(.fragment.visible) .tool-empty,
.tool-list:has(.fragment.current-visible) .tool-empty {
	display: none;
}

.tool-empty {
	align-items: center;
	border: 1px dashed var(--kody-line);
	border-radius: 10px;
	color: var(--kody-muted);
	display: flex;
	font-family: var(--font-mono);
	font-size: 0.44em;
	justify-content: center;
	letter-spacing: 0.1em;
	min-height: 5.4rem;
	text-transform: uppercase;
}

.result-pane {
	background: var(--kody-page);
	border: 1px solid var(--kody-line);
	border-radius: 10px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	min-height: 12.4rem;
	min-width: 0;
	padding: 0.55em 0.7em;
}

.result-pane p {
	font-size: 0.58em;
	margin: 0.2em 0 0;
}

.io-stack {
	display: grid;
	flex: 1;
	gap: 0.45rem;
	grid-template-rows: auto auto;
	min-height: 0;
}

.io-pair {
	display: grid;
	gap: 0.85rem;
	grid-template-columns: 1fr 1fr;
	margin-top: 0.7em;
	min-width: 0;
}

.io-pane {
	min-width: 0;
}

.reveal .io-label {
	color: var(--kody-eucalyptus) !important;
	font-family: var(--font-mono);
	font-size: 0.78em !important;
	letter-spacing: 0.14em;
	margin: 0 0 0.28em;
	text-transform: uppercase;
}

.reveal .io-pair pre,
.reveal .io-steps pre {
	box-sizing: border-box;
	margin: 0;
	min-height: 0;
	overflow: auto;
	padding: 0.75em 0.95em;
	white-space: pre;
}

.reveal .io-steps .io-out pre {
	overflow-wrap: break-word;
	white-space: pre-wrap;
}

.reveal .slides section[data-slide='search'],
.reveal .slides section[data-slide='execute'],
.reveal .slides section[data-slide='primitives'] {
	align-content: flex-start;
	flex-direction: column;
	height: 100%;
	justify-content: flex-start;
	overflow: hidden;
}

.io-tabs {
	display: grid;
	flex: 0 0 auto;
	gap: 0;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin-top: 0.28em;
	position: relative;
}

.io-tabs::after {
	background: var(--kody-line);
	bottom: 0;
	content: '';
	height: 1px;
	left: 0;
	position: absolute;
	right: 0;
}

.reveal .io-tab {
	appearance: none;
	background: transparent;
	border: 0;
	border-bottom: 3px solid transparent;
	box-sizing: border-box;
	color: var(--kody-muted);
	cursor: pointer;
	font-family: var(--font-display);
	font-size: 0.58em;
	font-weight: 650;
	letter-spacing: -0.02em;
	line-height: 1.2;
	margin: 0;
	padding: 0.22em 0.2em 0.38em;
	position: relative;
	text-align: center;
	transition:
		border-color var(--duration-fast) var(--ease-in-out),
		color var(--duration-fast) var(--ease-in-out);
	width: 100%;
	z-index: 1;
}

.reveal .io-tab:focus-visible {
	border-radius: 6px 6px 0 0;
	outline: 2px solid var(--kody-eucalyptus);
	outline-offset: 3px;
}

[data-slide='search']:not([data-fragment]) .io-tab-discover,
[data-slide='search'][data-fragment='-1'] .io-tab-discover,
[data-slide='search'][data-fragment='0'] .io-tab-discover,
[data-slide='search'][data-fragment='1'] .io-tab-package,
[data-slide='search'][data-fragment='2'] .io-tab-package,
[data-slide='search'][data-fragment='3'] .io-tab-export,
[data-slide='search'][data-fragment='4'] .io-tab-export {
	border-bottom-color: var(--kody-eucalyptus);
	color: var(--kody-eucalyptus);
}

[data-slide='search'][data-fragment='1'] .io-tab-discover,
[data-slide='search'][data-fragment='2'] .io-tab-discover,
[data-slide='search'][data-fragment='3'] .io-tab-discover,
[data-slide='search'][data-fragment='4'] .io-tab-discover,
[data-slide='search'][data-fragment='3'] .io-tab-package,
[data-slide='search'][data-fragment='4'] .io-tab-package {
	border-bottom-color: transparent;
	color: var(--kody-muted);
}

.io-dir-tabs {
	display: grid;
	flex: 0 0 auto;
	gap: 0;
	grid-template-columns: repeat(2, max-content);
	margin-top: 0.18em;
	position: relative;
	width: max-content;
}

.io-dir-tabs::after {
	background: var(--kody-line);
	bottom: 0;
	content: '';
	height: 1px;
	left: 0;
	position: absolute;
	right: 0;
}

.reveal .io-dir-tab {
	appearance: none;
	background: transparent;
	border: 0;
	border-bottom: 3px solid transparent;
	box-sizing: border-box;
	color: var(--kody-muted);
	cursor: pointer;
	font-family: var(--font-display);
	font-size: 0.48em;
	font-weight: 650;
	letter-spacing: -0.02em;
	line-height: 1.2;
	margin: 0;
	padding: 0.16em 0.75em 0.28em;
	position: relative;
	text-align: center;
	transition:
		border-color var(--duration-fast) var(--ease-in-out),
		color var(--duration-fast) var(--ease-in-out);
	width: auto;
	z-index: 1;
}

.reveal .io-dir-tab:focus-visible {
	border-radius: 6px 6px 0 0;
	outline: 2px solid var(--kody-eucalyptus);
	outline-offset: 3px;
}

[data-slide='search'] .io-dir-tab[data-io-dir='in'],
[data-slide='search'][data-fragment='1'] .io-dir-tab[data-io-dir='in'],
[data-slide='search'][data-fragment='3'] .io-dir-tab[data-io-dir='in'],
[data-slide='execute'] .io-dir-tab[data-io-dir='in'],
[data-slide='primitives'] .io-dir-tab[data-io-dir='in'],
.reveal .io-dir-tab[aria-selected='true'] {
	border-bottom-color: var(--kody-eucalyptus);
	color: var(--kody-eucalyptus);
}

[data-slide='search'][data-fragment='0'] .io-dir-tab[data-io-dir='in'],
[data-slide='search'][data-fragment='2'] .io-dir-tab[data-io-dir='in'],
[data-slide='search'][data-fragment='4'] .io-dir-tab[data-io-dir='in'],
[data-slide='execute'][data-fragment='0'] .io-dir-tab[data-io-dir='in'],
[data-slide='primitives'][data-fragment='0'] .io-dir-tab[data-io-dir='in'],
.reveal .io-dir-tab[aria-selected='false'] {
	border-bottom-color: transparent;
	color: var(--kody-muted);
}

[data-slide='search'][data-fragment='0'] .io-dir-tab[data-io-dir='out'],
[data-slide='search'][data-fragment='2'] .io-dir-tab[data-io-dir='out'],
[data-slide='search'][data-fragment='4'] .io-dir-tab[data-io-dir='out'],
[data-slide='execute'][data-fragment='0'] .io-dir-tab[data-io-dir='out'],
[data-slide='primitives'][data-fragment='0'] .io-dir-tab[data-io-dir='out'] {
	border-bottom-color: var(--kody-eucalyptus);
	color: var(--kody-eucalyptus);
}

.io-steps {
	flex: 1;
	height: 0;
	margin-top: 0.28em;
	min-height: 0;
	position: relative;
}

.io-steps > .io-pane {
	display: flex;
	flex-direction: column;
	inset: 0;
	min-height: 0;
	min-width: 0;
	opacity: 0;
	overflow: hidden;
	pointer-events: none;
	position: absolute;
	transition: opacity var(--duration-fast) var(--ease-in-out);
}

.io-steps > .io-query-in,
.io-steps > .io-exec-in,
.io-steps > .io-prim-runtime {
	opacity: 1;
	pointer-events: auto;
}

.io-steps > .io-pane pre {
	flex: 1 1 auto;
	overscroll-behavior: contain;
	touch-action: pan-y;
}

[data-slide='search'][data-fragment='0'] .io-pane,
[data-slide='search'][data-fragment='1'] .io-pane,
[data-slide='search'][data-fragment='2'] .io-pane,
[data-slide='search'][data-fragment='3'] .io-pane,
[data-slide='search'][data-fragment='4'] .io-pane,
[data-slide='execute'][data-fragment='0'] .io-pane,
[data-slide='primitives'][data-fragment='0'] .io-pane {
	opacity: 0 !important;
	pointer-events: none;
	z-index: 0;
}

[data-slide='search'][data-fragment='0'] .io-query-out,
[data-slide='search'][data-fragment='1'] .io-entity-in,
[data-slide='search'][data-fragment='2'] .io-entity-out,
[data-slide='search'][data-fragment='3'] .io-export-in,
[data-slide='search'][data-fragment='4'] .io-export-out,
[data-slide='execute'][data-fragment='0'] .io-exec-out,
[data-slide='primitives'][data-fragment='0'] .io-prim-manifest {
	opacity: 1 !important;
	pointer-events: auto;
	z-index: 1;
}

.io-block {
	min-width: 0;
}

.reveal .slides section .result-pane .io-code {
	background: transparent;
	border: 0;
	box-shadow: none;
	color: var(--kody-ink);
	font-family: var(--font-mono);
	font-size: 0.42em;
	letter-spacing: 0;
	line-height: 1.35;
	margin: 0;
	overflow-wrap: anywhere;
	padding: 0;
	white-space: pre-wrap;
	width: auto;
}

.reveal .slides section .result-pane .fragment {
	opacity: 0;
	pointer-events: none;
	visibility: visible;
}

.reveal .slides section .result-pane .fragment.visible,
.reveal .slides section .result-pane .fragment.current-visible {
	opacity: 1;
	pointer-events: auto;
}

.do-class {
	background: var(--kody-page);
	border: 1px solid var(--kody-eucalyptus);
	border-radius: 10px;
	margin-bottom: 0.65em;
	padding: 0.55em 0.75em;
}

.do-class .label {
	font-size: 0.62em;
}

.do-fan {
	display: grid;
	gap: 0.55rem;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.cabinet {
	display: grid;
	gap: 0.55rem;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin-top: 0.55em;
}

.import-graph {
	display: grid;
	gap: 0.45rem;
	margin-top: 0.7em;
}

.import-row {
	align-items: center;
	background: var(--kody-page);
	border: 1px solid var(--kody-line);
	border-radius: 8px;
	display: grid;
	gap: 0.6rem;
	grid-template-columns: 13rem minmax(0, 1fr);
	padding: 0.4em 0.65em;
}

.import-row dt {
	color: var(--kody-eucalyptus);
	font-family: var(--font-mono);
	font-size: 0.42em;
	margin: 0;
}

.import-row dd {
	color: var(--kody-ink);
	font-size: 0.52em;
	margin: 0;
}

.timeline {
	display: grid;
	gap: 0.45rem;
	margin-top: 0.15em;
}

.lane {
	align-items: center;
	display: grid;
	gap: 0.55rem;
	grid-template-columns: 8.6rem minmax(0, 1fr) 10.5rem;
}

.lane-name {
	color: var(--kody-muted);
	font-family: var(--font-mono);
	font-size: 0.42em;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.lane-track {
	background: color-mix(in oklch, var(--kody-line) 55%, transparent);
	border-radius: 999px;
	height: 4px;
	position: relative;
}

.lane-event {
	background: var(--kody-page);
	border: 2px dashed var(--kody-line);
	border-radius: 10px;
	box-sizing: border-box;
	color: var(--kody-muted);
	min-height: 3.3rem;
	padding: 0.35em 0.5em;
}

.runtime-well {
	background: var(--kody-page);
	border: 1px solid var(--kody-eucalyptus);
	border-radius: 10px;
	margin-top: 0.55em;
	padding: 0.55em 0.75em;
}

.runtime-well .label {
	font-size: 0.58em;
}

.chip-grid {
	display: grid;
	gap: 0.5rem;
	grid-template-columns: repeat(5, minmax(0, 1fr));
}

.chip {
	min-height: 5.6rem;
	padding: 0.5em 0.55em;
}

.close-mark {
	color: var(--kody-eucalyptus);
	font-family: var(--font-mono);
	font-size: 0.42em;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

.deck-brand {
	align-items: center;
	bottom: 16px;
	display: flex;
	gap: 12px;
	left: 48px;
	pointer-events: none;
	position: absolute;
	z-index: 20;
}

.deck-brand img {
	border-radius: 50%;
	display: block;
	height: 33px;
	width: 33px;
}

.deck-brand span {
	color: var(--kody-muted);
	font-family: var(--font-mono);
	font-size: 18px;
	letter-spacing: 0.12em;
	text-transform: lowercase;
}

.corner {
	background: color-mix(in oklch, var(--kody-eucalyptus) 70%, transparent);
	height: 13px;
	-webkit-mask: url('../../assets/corner-mark.svg') center / contain no-repeat;
	mask: url('../../assets/corner-mark.svg') center / contain no-repeat;
	pointer-events: none;
	position: absolute;
	width: 13px;
	z-index: 5;
}

.corner-tl {
	left: 18px;
	top: 18px;
	transform: scaleX(-1);
}

.corner-tr {
	right: 18px;
	top: 18px;
}

.corner-bl {
	bottom: 18px;
	left: 18px;
	transform: scaleX(-1) scaleY(-1);
}

.corner-br {
	bottom: 18px;
	right: 18px;
	transform: scaleY(-1);
}

.reveal pre code.hljs {
	background: transparent;
	color: var(--kody-ink);
	padding: 0;
}

.reveal .hljs-keyword,
.reveal .hljs-selector-tag,
.reveal .hljs-title.function_ {
	color: var(--kody-eucalyptus);
}

.reveal .hljs-string,
.reveal .hljs-attr,
.reveal .hljs-property {
	color: var(--kody-code-string);
}

.reveal .hljs-comment {
	color: var(--kody-muted);
}

.reveal .hljs-title,
.reveal .hljs-name,
.reveal .hljs-variable,
.reveal .hljs-params {
	color: var(--kody-ink);
}

.reveal .hljs-title {
	font-weight: 700;
}

.reveal .hljs-section,
.reveal .hljs-strong {
	color: var(--kody-eucalyptus);
	font-weight: 700;
}

.reveal .hljs-bullet,
.reveal .hljs-symbol {
	color: var(--kody-eucalyptus);
}

.reveal .hljs-code {
	color: var(--kody-code-string);
}

.reveal .hljs-emphasis {
	font-style: italic;
}

@media (max-width: 900px) {
	.five-grid,
	.chip-grid,
	.sandbox-flow,
	.git-flow,
	.cabinet,
	.host-row,
	.three-col {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.front-door,
	.two-col,
	.loop-row,
	.do-fan {
		grid-template-columns: 1fr;
	}

	.host-slide .host-name {
		font-size: 1.55em;
	}

	.resource-list li {
		grid-template-columns: minmax(0, 1fr);
	}
}

.reveal .slides section[data-slide='elephant'] {
	padding: 24px 52px 28px !important;
}

.reveal .slides section.title-slide,
.reveal .slides section.squat-slide,
.reveal .slides section.hold-slide,
.reveal .slides section.awesome-slide,
.reveal .slides section.thank-slide,
.reveal .slides section.host-slide,
.reveal .slides section[data-slide='ladder'],
.reveal .slides section[data-slide='factory'],
.reveal .slides section[data-slide='secrets'],
.reveal .slides section[data-slide='secret-gateway'],
.reveal .slides section[data-slide='packages'],
.reveal .slides section[data-slide='built-on'],
.reveal .slides section[data-slide='package-apps'],
.reveal .slides section[data-slide='app-built-on'],
.reveal .slides section.kody-home-slide {
	align-content: center;
	box-sizing: border-box;
	height: 100%;
	justify-content: center;
}

.reveal .slides section.problem-slide h2,
.reveal .slides section.solve-slide h2 {
	font-size: 1.72em;
	max-width: 1040px;
}

.reveal .slides section.problem-slide .subtitle {
	font-size: 0.78em !important;
	margin-top: 0.45em;
}

.reveal .slides section[data-slide='secret-gateway'] {
	align-content: stretch;
	flex-direction: column;
	height: 100%;
	justify-content: flex-start;
}

.mermaid-wrap {
	background: var(--kody-surface);
	border: 1px solid var(--kody-line);
	border-radius: 14px;
	flex: 1;
	margin-top: 0.45em;
	min-height: 0;
	overflow: hidden;
	position: relative;
}

.mermaid-wrap .mermaid {
	height: calc(100% - 24px);
	inset: 12px 16px;
	margin: 0;
	position: absolute;
	width: calc(100% - 32px);
}

.mermaid-wrap svg {
	display: block;
	height: 100% !important;
	inset: 0;
	max-height: none !important;
	max-width: none !important;
	position: absolute;
	width: 100% !important;
}

.mermaid-wrap svg .actor {
	fill: var(--kody-page) !important;
	stroke: var(--kody-eucalyptus) !important;
}

html[data-theme='light'] .mermaid-wrap svg .actor {
	fill: var(--kody-eucalyptus-fill) !important;
	stroke: var(--kody-eucalyptus-line) !important;
}

.mermaid-wrap svg .actor-man {
	fill: var(--kody-ink) !important;
	stroke: var(--kody-ink) !important;
}

.mermaid-wrap svg .actor-line {
	stroke: var(--kody-line) !important;
}

.mermaid-wrap svg .note {
	fill: var(--kody-eucalyptus-fill) !important;
	stroke: var(--kody-eucalyptus) !important;
}

.mermaid-wrap svg .messageLine0,
.mermaid-wrap svg .messageLine1 {
	stroke: var(--kody-ink) !important;
}

.mermaid-wrap svg marker path {
	fill: var(--kody-ink) !important;
	stroke: var(--kody-ink) !important;
}

.mermaid-wrap svg text {
	fill: var(--kody-ink) !important;
	font-family: var(--font-body) !important;
}