:root {
	--alt-colour-porcelain: #ffffff;
	--alt-colour-grey-1: #c4c4c4;
	--alt-colour-grey-2: #acacac;
	--alt-colour-accent: #2aa2a6;
	--alt-colour-accent-bright: #28c5ca;
	--alt-colour-accent-fill: #1c8084;
	--alt-colour-accent-glow: rgba(42, 162, 166, 0.18);
	--alt-colour-amber: #ffc770;
	--alt-colour-green: #6fcf8a;
	--alt-colour-pink: #ef7082;
	--alt-colour-violet: #a78bfa;

	--alt-colour-sky-top: #071a24;
	--alt-colour-sky-mid: #0e3c48;
	--alt-colour-sky-glow: #1f7a80;
	--alt-colour-sky-horizon: #8c4a38;
	--alt-colour-sky-base: #1c2c34;
	--alt-colour-ridge-far: #1e3a45;
	--alt-colour-ridge-near: #0b161c;
	--alt-colour-cloud: #cfeaea;

	--alt-colour-panel: #1b1b1b;
	--alt-colour-panel-head: #303030;
	--alt-colour-panel-deep: #141414;
	--alt-colour-field: #4d4d4d;
	--alt-colour-panel-row: #313131;
	--alt-colour-panel-hover: #3a3a3a;
	--alt-colour-panel-active: #595959;

	--alt-line-soft: rgba(255, 255, 255, 0.08);
	--alt-line: rgba(255, 255, 255, 0.1);
	--alt-line-strong: rgba(255, 255, 255, 0.14);
	--alt-line-field: rgba(255, 255, 255, 0.18);
	--alt-line-bright: rgba(255, 255, 255, 0.28);
	--alt-fill-faint: rgba(255, 255, 255, 0.03);

	--alt-font-sans: 'Varela Round', 'Montserrat', -apple-system, sans-serif;
	--alt-font-caps: 'Montserrat', -apple-system, sans-serif;
	--alt-font-mono: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;

	--alt-radius-panel: 26px;
	--alt-radius-tile: 10px;
	--alt-radius-card: 4px;
	--alt-radius-pill: 999px;
	--alt-shadow-panel: 0 18px 50px rgba(0, 0, 0, 0.45);
	--alt-ease: cubic-bezier(0.22, 1, 0.36, 1);

	--alt-space-1: 4px;
	--alt-space-2: 8px;
	--alt-space-3: 12px;
	--alt-space-4: 16px;
	--alt-space-5: 24px;
	--alt-space-6: 32px;
	--alt-space-7: 48px;
	--alt-space-8: 64px;

	--alt-sidebar-width: 300px;
	--alt-header-height: 72px;
	--theme-color: var(--alt-colour-accent-bright);
}

html {
	background: var(--alt-colour-sky-top);
}

body {
	background: transparent;

	color: var(--alt-colour-grey-1);
	font-family: var(--alt-font-sans);
	letter-spacing: 0;
}

.docs-scenery {
	position: fixed;
	inset: 0;
	z-index: -1;
	overflow: hidden;
	pointer-events: none;
}

.docs-scenery::before {
	content: '';
	background:
		radial-gradient(circle at 15% 22%, rgba(255, 255, 255, 0.55) 0, transparent 2.5px),
		radial-gradient(circle at 42% 34%, rgba(255, 255, 255, 0.45) 0, transparent 2px),
		radial-gradient(circle at 68% 9%, rgba(255, 255, 255, 0.6) 0, transparent 2.5px),
		radial-gradient(circle at 88% 26%, rgba(255, 255, 255, 0.4) 0, transparent 2px),
		radial-gradient(circle at 94% 52%, rgba(255, 255, 255, 0.45) 0, transparent 2px),
		radial-gradient(ellipse 80% 40% at 50% 100%, var(--alt-colour-sky-horizon) 0%, transparent 70%),
		radial-gradient(ellipse 70% 60% at 20% 40%, var(--alt-colour-sky-glow) 0%, transparent 60%),
		linear-gradient(180deg, var(--alt-colour-sky-top) 0%, var(--alt-colour-sky-mid) 55%, var(--alt-colour-sky-base) 100%);
	position: absolute;
	inset: 0;
}

/* One tile wider than the viewport and slid one tile per loop, so the repeat seam never shows. */
.docs-scenery-layer {
	--alt-scenery-tile: 2400px;
	--alt-scenery-height: 220px;
	--alt-scenery-duration: 300s;
	background: var(--alt-colour-cloud);
	mask-repeat: repeat-x;
	mask-size: var(--alt-scenery-tile) var(--alt-scenery-height);
	width: calc(100% + var(--alt-scenery-tile));
	height: var(--alt-scenery-height);
	position: absolute;
	left: 0;
	animation: docs-scenery-drift var(--alt-scenery-duration) linear infinite;
}

.docs-scenery-clouds-far {
	mask-image: url('/images/scenery/clouds-far.svg');
	top: 6vh;
	opacity: 0.1;
}

.docs-scenery-ridge-far,
.docs-scenery-ridge-near {
	mask-repeat: repeat-x;
	mask-position: bottom left;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
}

.docs-scenery-ridge-far {
	background: var(--alt-colour-ridge-far);
	mask-image: url('/images/scenery/ridge-far.svg');
	mask-size: 1600px 320px;
	height: 320px;
	opacity: 0.85;
}

.docs-scenery-ridge-near {
	background: var(--alt-colour-ridge-near);
	mask-image: url('/images/scenery/ridge-near.svg');
	mask-size: 1400px 200px;
	height: 200px;
}

.docs-scenery-clouds-near {
	--alt-scenery-tile: 3000px;
	--alt-scenery-height: 260px;
	--alt-scenery-duration: 200s;
	mask-image: url('/images/scenery/clouds-near.svg');
	top: 22vh;
	opacity: 0.07;
}

@keyframes docs-scenery-drift {
	to {
		translate: calc(var(--alt-scenery-tile) * -1) 0;
	}
}

main {
	z-index: 0;
}

div#app {
	color: var(--alt-colour-grey-1);
	font-family: var(--alt-font-caps);
	font-size: 0.875rem;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.08em;
}

.progress {
	background-color: var(--alt-colour-accent-bright);
}

::selection {
	background: var(--alt-colour-accent-glow);

	color: var(--alt-colour-porcelain);
}

/* -- sidebar -- */
.sidebar {
	background: var(--alt-colour-panel-head);
	padding: var(--alt-space-3) 0;
	border: 0;
	display: flex;
	flex-direction: column;
	scrollbar-color: var(--alt-line-bright) transparent;
	scrollbar-width: thin;

	color: var(--alt-colour-grey-1);
}

.sidebar > * {
	flex-shrink: 0;
}

.sidebar .search {
	display: none;
}

.sidebar .sidebar-nav {
	padding: 0;
}

.sidebar-nav > ul {
	margin: 0;
}

.sidebar-nav > ul > li {
	margin: 0 0 var(--alt-space-2);

	color: var(--alt-colour-grey-2);
	font-family: var(--alt-font-caps);
	font-size: 0.75rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

.sidebar-nav > ul > li:not(:has(> a)) {
	padding-top: var(--alt-space-3);
	text-indent: var(--alt-space-5);
}

.sidebar-nav > ul > li ul {
	text-indent: 0;
}

.sidebar ul {
	padding: 0;
	margin: 0;
}

.sidebar ul li ul {
	padding: 0;
	margin-top: var(--alt-space-1);
}

.sidebar ul li {
	margin: 0;
}

.sidebar ul li a {
	padding: var(--alt-space-3) var(--alt-space-5);
	border-left: 4px solid transparent;
	display: block;
	transition: background-color 140ms var(--alt-ease), color 140ms var(--alt-ease);

	color: var(--alt-colour-grey-1);
	font-family: var(--alt-font-caps);
	font-size: 0.8125rem;
	font-weight: 500;
	line-height: 1.4;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	white-space: normal;
}

.sidebar ul li a:hover {
	background: var(--alt-colour-panel-hover);

	color: var(--alt-colour-porcelain);
	text-decoration: none;
}

.sidebar ul li:is(.active, .docs-current-page) > a {
	background: var(--alt-line-strong);
	border-left-color: var(--alt-colour-accent-bright);
	border-right: 0;

	color: var(--alt-colour-porcelain);
	font-weight: 400;
}

.sidebar ul li ul.app-sub-sidebar {
	margin: 0 0 var(--alt-space-2);
}

.sidebar-nav > ul > li > ul > li {
	position: relative;
}

.sidebar-nav > ul > li > ul > li > a {
	padding-right: calc(var(--alt-space-5) + 28px);
}

.docs-subnav-toggle {
	background: transparent;
	width: 28px;
	height: 28px;
	padding: 0;
	border: 0;
	border-radius: var(--alt-radius-card);
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: var(--alt-space-2);
	right: var(--alt-space-3);
	transition: background-color 140ms var(--alt-ease), color 140ms var(--alt-ease);
	cursor: pointer;

	color: var(--alt-colour-grey-2);
}

.docs-subnav-toggle:hover {
	background: var(--alt-colour-panel-active);

	color: var(--alt-colour-porcelain);
}

.docs-subnav-toggle:focus-visible {
	outline: 2px solid var(--alt-colour-porcelain);
	outline-offset: -2px;
}

.docs-subnav-toggle .docs-icon {
	transition: transform 160ms var(--alt-ease);
}

.docs-subnav-open > .docs-subnav-toggle .docs-icon {
	transform: rotate(90deg);
}

.docs-subnav-collapsed > .app-sub-sidebar {
	display: none;
}

.sidebar ul li ul.app-sub-sidebar li a {
	padding: var(--alt-space-1) var(--alt-space-5) var(--alt-space-1) calc(var(--alt-space-5) + var(--alt-space-4));

	color: var(--alt-colour-grey-2);
	font-family: var(--alt-font-sans);
	font-size: 0.875rem;
	font-weight: 400;
	text-transform: none;
	letter-spacing: 0;
}

.sidebar ul li ul.app-sub-sidebar li a:hover {
	color: var(--alt-colour-porcelain);
}

.sidebar ul li ul.app-sub-sidebar li.active > a {
	background: none;
	border-left-color: transparent;

	color: var(--alt-colour-accent-bright);
}

.sidebar ul li ul.app-sub-sidebar li::before {
	content: none;
}

.sidebar-toggle {
	display: none;
}

body:not(.close) .sidebar {
	visibility: hidden;
	transition: transform 250ms var(--alt-ease), visibility 0s linear 250ms;
}

/* -- page panel -- */
.content {
	padding: var(--alt-header-height) var(--alt-space-4) 0;
	left: 0;
}

.docs-panel {
	max-width: 1240px;
	padding: 0 var(--alt-space-6) var(--alt-space-7);
	border-radius: var(--alt-radius-panel);
	box-shadow: var(--alt-shadow-panel);
	margin: var(--alt-space-4) auto var(--alt-space-7);
	isolation: isolate;
	position: relative;
	overflow: clip;
}

.docs-panel::before {
	content: '';
	background: color-mix(in srgb, var(--alt-colour-panel) 90%, transparent);
	backdrop-filter: blur(20px);
	position: absolute;
	inset: 0;
	z-index: -1;
}

.docs-panel-head {
	background: color-mix(in srgb, var(--alt-colour-panel-head) 80%, transparent);
	padding: var(--alt-space-5) var(--alt-space-6);
	margin: 0 calc(var(--alt-space-6) * -1) var(--alt-space-6);
}

.docs-panel-head:empty {
	padding: 0;
	margin-bottom: var(--alt-space-6);
}

.docs-panel-head h1 {
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: var(--alt-space-1);

	color: var(--alt-colour-porcelain);
	font-family: var(--alt-font-sans);
	font-size: 2.25rem;
	font-weight: 400;
	line-height: 1.2;
}

.docs-full-stop {
	color: var(--alt-colour-accent-bright);
}

.docs-panel-head h1::before {
	content: attr(data-section);

	color: var(--alt-colour-grey-1);
	font-family: var(--alt-font-caps);
	font-size: 0.8125rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.12em;
}

.markdown-section {
	max-width: none;
	padding: 0;
	margin: 0;

	color: var(--alt-colour-grey-1);
	font-size: 1rem;
	line-height: 1.7;
}

.markdown-section > :first-child {
	margin-top: 0;
}

@media (min-width: 1180px) {
	.docs-panel-body {
		display: grid;
		grid-template-columns: 260px minmax(0, 1fr);
		gap: var(--alt-space-6);
		align-items: start;
	}

	.docs-not-found-page .docs-panel-body {
		display: block;
	}

	.docs-not-found-page .sidebar {
		display: none;
	}

	body:not(.close) .sidebar {
		visibility: visible;
	}

	.sidebar,
	body.sticky .sidebar,
	body.close .sidebar {
		width: auto;
		max-height: calc(100vh - var(--alt-header-height) - var(--alt-space-6));
		padding: var(--alt-space-3) 0;
		border-radius: var(--alt-radius-tile);
		position: sticky;
		top: calc(var(--alt-header-height) + var(--alt-space-4));
		right: auto;
		bottom: auto;
		left: auto;
		transform: none;
		z-index: auto;
		overflow-y: auto;
	}
}

.markdown-section h1,
.markdown-section h2,
.markdown-section h3,
.markdown-section h4,
.markdown-section h5,
.markdown-section h6,
.markdown-section strong {
	color: var(--alt-colour-porcelain);
	font-family: var(--alt-font-sans);
	font-weight: 400;
}

.markdown-section strong {
	font-weight: 600;
}

.markdown-section h1 {
	font-size: 2.25rem;
	line-height: 1.2;
}

.markdown-section h2 {
	padding-top: var(--alt-space-5);
	border-top: 1px solid var(--alt-line);
	margin: var(--alt-space-6) 0 var(--alt-space-4);

	font-size: 1.625rem;
}

.markdown-section > h2:first-child,
.markdown-section > p:first-child + h2,
.markdown-section > .docs-hub + h2 {
	padding-top: 0;
	border-top: 0;
}

.markdown-section h3 {
	margin: var(--alt-space-5) 0 var(--alt-space-3);

	font-size: 1.25rem;
}

.markdown-section h4,
.markdown-section h5 {
	margin: var(--alt-space-4) 0 var(--alt-space-2);

	color: var(--alt-colour-grey-1);
	font-family: var(--alt-font-caps);
	font-size: 0.8125rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.08em;
}

.markdown-section h6 {
	color: var(--alt-colour-grey-2);
}

.markdown-section .anchor span {
	color: inherit;
}

.markdown-section a,
.markdown-section a.anchor:hover span {
	color: var(--alt-colour-accent-bright);
	font-weight: 400;
	text-decoration: underline;
	text-decoration-color: var(--alt-colour-accent);
	text-underline-offset: 3px;
}

.markdown-section a:hover {
	text-decoration-color: var(--alt-colour-accent-bright);
}

.markdown-section :is(h1, h2, h3, h4, h5, h6) a,
.markdown-section :is(h1, h2, h3, h4, h5, h6) a:hover span {
	color: inherit;
	text-decoration: none;
}

.markdown-section em {
	color: var(--alt-colour-porcelain);
}

.markdown-section hr {
	border-bottom: 1px solid var(--alt-line);
	margin: var(--alt-space-6) 0;
}

.markdown-section ul,
.markdown-section ol {
	padding-left: var(--alt-space-5);
}

.markdown-section li::marker {
	color: var(--alt-colour-accent-bright);
}

/* -- code -- */
.markdown-section code,
.markdown-section pre,
.markdown-section output {
	font-family: var(--alt-font-mono);
}

.markdown-section :not(pre) > code {
	background: var(--alt-colour-panel-row);
	padding: 2px 6px;
	border: 1px solid var(--alt-line-soft);
	border-radius: var(--alt-radius-card);
	margin: 0 1px;

	color: var(--alt-colour-amber);
	font-size: 0.875em;
	overflow-wrap: anywhere;
}

.markdown-section pre,
.markdown-section output {
	background: var(--alt-colour-panel-deep);
	padding: 0 var(--alt-space-5);
	border: 1px solid var(--alt-line);
	border-radius: var(--alt-radius-tile);
	margin: var(--alt-space-4) 0 var(--alt-space-5);
}

.markdown-section pre > code {
	background: transparent;
	padding: var(--alt-space-5) 0;

	color: var(--alt-colour-porcelain);
	font-size: 0.875rem;
	line-height: 1.65;
}

.markdown-section pre::after,
.markdown-section output::after {
	padding: var(--alt-space-2) var(--alt-space-3);

	color: var(--alt-colour-grey-2);
	font-family: var(--alt-font-caps);
	font-size: 0.6875rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
	color: var(--alt-colour-grey-2);
	font-style: italic;
}

.token.punctuation,
.token.operator {
	color: var(--alt-colour-grey-1);
}

.token.keyword,
.token.atrule,
.token.statement,
.token.selector,
.token.tag {
	color: var(--alt-colour-accent-bright);
}

.token.function,
.token.class-name,
.token.builtin {
	color: var(--alt-colour-amber);
}

.token.string,
.token.char,
.token.attr-value,
.token.regex,
.token.url,
.token.inserted {
	color: var(--alt-colour-green);
}

.token.number,
.token.boolean,
.token.constant,
.token.symbol,
.token.important {
	color: var(--alt-colour-pink);
}

.token.property,
.token.attr-name,
.token.variable,
.token.placeholder,
.token.parameter {
	color: var(--alt-colour-violet);
}

.token.entity,
.token.unit,
.token.directive,
.token.control {
	color: var(--alt-colour-porcelain);
}

.markdown-section .docsify-copy-code-button {
	background: transparent;
	width: 32px;
	height: 32px;
	padding: 0;
	border: 0;
	border-radius: var(--alt-radius-card);
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: var(--alt-space-2);
	right: var(--alt-space-2);
	transition: background-color 140ms var(--alt-ease), color 140ms var(--alt-ease), opacity 140ms var(--alt-ease);
	cursor: pointer;

	color: var(--alt-colour-grey-1);
	font-size: 0;
}

.markdown-section .docsify-copy-code-button::before {
	content: 'content_copy';

	font-family: 'Material Symbols Outlined';
	font-size: 1.125rem;
	line-height: 1;
}

.markdown-section .docsify-copy-code-button:hover {
	background: var(--alt-colour-panel-hover);

	color: var(--alt-colour-porcelain);
}

.markdown-section .docsify-copy-code-button.success {
	color: var(--alt-colour-accent-bright);
}

.markdown-section .docsify-copy-code-button.success::before {
	content: 'check';
}

.markdown-section .docsify-copy-code-button.error::before {
	content: 'error';
}

.markdown-section .docsify-copy-code-button > span {
	width: 1px;
	height: 1px;
	position: absolute;
	overflow: hidden;
	clip-path: inset(50%);

	white-space: nowrap;
}

.markdown-section pre[data-lang]::after {
	right: calc(var(--alt-space-2) + 32px + var(--alt-space-1));
}

.markdown-section .hide-code .hide-code-mask {
	background-image: linear-gradient(-180deg, transparent, var(--alt-colour-panel-deep) 70%);
	padding-top: var(--alt-space-8);
}

.markdown-section .hide-code .hide-code-mask .hide-code-mask-btn::before {
	border-top-color: var(--alt-colour-accent-bright);
	margin: 0;
}

/* -- tables -- */
.docs-table {
	border: 1px solid var(--alt-line);
	border-radius: var(--alt-radius-tile);
	margin: var(--alt-space-4) 0 var(--alt-space-5);
	overflow-x: auto;
	scrollbar-color: var(--alt-line-bright) transparent;
	scrollbar-width: thin;
}

.markdown-section table {
	width: 100%;
	border: 0;
	border-collapse: separate;
	border-spacing: 0;
	margin: 0;
	display: table;
	overflow: visible;
}

.markdown-section th {
	background: var(--alt-colour-panel-head);
	padding: var(--alt-space-3) var(--alt-space-4);
	border: 0;
	border-bottom: 1px solid var(--alt-line);

	color: var(--alt-colour-grey-1);
	font-family: var(--alt-font-caps);
	font-size: 0.75rem;
	font-weight: 600;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: 0.08em;
}

.markdown-section td {
	padding: var(--alt-space-3) var(--alt-space-4);
	border: 0;
	border-bottom: 1px solid var(--alt-line-soft);
	vertical-align: top;
}

.markdown-section tr {
	border: 0;
}

.markdown-section tr:nth-child(2n) {
	background: var(--alt-fill-faint);
}

.markdown-section tr:last-child td {
	border-bottom: 0;
}

/* -- callouts -- */
.markdown-section blockquote,
.markdown-section p.tip,
.markdown-section p.warn {
	background: var(--alt-colour-panel-head);
	padding: var(--alt-space-4) var(--alt-space-5);
	border: 0;
	border-left: 4px solid var(--alt-colour-accent-bright);
	border-radius: var(--alt-radius-card);
	margin: var(--alt-space-5) 0;

	color: var(--alt-colour-grey-1);
}

.markdown-section blockquote p {
	margin: 0;
}

.markdown-section blockquote p + p {
	margin-top: var(--alt-space-3);
}

.markdown-section p.tip {
	border-left-color: var(--alt-colour-amber);
}

.markdown-section p.tip::before {
	content: none;
}

.markdown-section p.tip code,
.markdown-section p.warn code {
	background: var(--alt-colour-panel-deep);
}

.markdown-section p.tip em,
.markdown-section p.warn em {
	color: var(--alt-colour-porcelain);
}

/* -- accordions -- */
ul.accordion-wrapper > li {
	background: var(--alt-colour-panel-head);
	border-radius: var(--alt-radius-card);
	margin-bottom: var(--alt-space-2);
}

ul.accordion-wrapper > li:hover {
	background: var(--alt-colour-panel-hover);
}

ul.accordion-wrapper > li > p:first-of-type {
	color: var(--alt-colour-porcelain);
	font-weight: 400;
}

/* -- header -- */
.docs-icon {
	width: 1em;
	height: 1em;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	user-select: none;

	font-family: 'Material Symbols Outlined';
	font-size: 1.25rem;
	font-weight: 400;
	font-style: normal;
	line-height: 1;
	letter-spacing: 0;
	white-space: nowrap;
}

.docs-header {
	height: var(--alt-header-height);
	padding: 0 var(--alt-space-5);
	display: flex;
	align-items: center;
	gap: var(--alt-space-3);
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 40;
}

.docs-header::before {
	content: '';
	background: color-mix(in srgb, var(--alt-colour-sky-top) 82%, transparent);
	backdrop-filter: blur(14px);
	border-bottom: 1px solid var(--alt-line-soft);
	position: absolute;
	inset: 0;
	z-index: -1;
	pointer-events: none;
}

.docs-brand {
	margin-right: auto;
	display: flex;
	align-items: center;
	gap: var(--alt-space-4);

	color: var(--alt-colour-grey-1);
	font-family: var(--alt-font-caps);
	font-size: 0.75rem;
	font-weight: 600;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0.12em;
	white-space: nowrap;
}

.docs-brand img {
	width: auto;
	height: 24px;
}

.docs-brand-label {
	padding-left: var(--alt-space-4);
	border-left: 1px solid var(--alt-line-bright);
}

.docs-sections {
	background: var(--alt-colour-panel);
	border-radius: 14px;
	box-shadow: var(--alt-shadow-panel);
	display: none;
}

.docs-section-link {
	height: 44px;
	padding: 0 var(--alt-space-4);
	display: inline-flex;
	align-items: center;
	position: relative;
	transition: color 160ms var(--alt-ease);

	color: var(--alt-colour-grey-1);
	font-family: var(--alt-font-caps);
	font-size: 0.8125rem;
	font-weight: 600;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	white-space: nowrap;
}

.docs-section-link::after {
	content: '';
	background: transparent;
	height: 3px;
	position: absolute;
	right: var(--alt-space-4);
	bottom: var(--alt-space-2);
	left: var(--alt-space-4);
	transition: background-color 160ms var(--alt-ease);
}

@media (hover: hover) {
	.docs-section-link:hover {
		color: var(--alt-colour-porcelain);
	}

	.docs-section-link:hover::after {
		background: var(--alt-line-bright);
	}
}

.docs-section-link-active,
.docs-section-link-active:hover {
	color: var(--alt-colour-porcelain);
}

.docs-section-link-active::after,
.docs-section-link-active:hover::after {
	background: var(--alt-colour-accent);
}

.docs-menu {
	background: var(--alt-colour-accent-fill);
	width: 44px;
	height: 44px;
	border: 0;
	border-radius: var(--alt-radius-pill);
	display: none;
	align-items: center;
	justify-content: center;
	cursor: pointer;

	color: var(--alt-colour-porcelain);
}

.docs-menu:hover {
	background: var(--alt-colour-accent);
}

:is(a, button, [tabindex]):focus-visible {
	outline: 2px solid var(--alt-colour-porcelain);
	outline-offset: 2px;
}

.sidebar a:focus-visible,
.docs-table:focus-visible,
.markdown-section pre:focus-visible {
	outline-offset: -2px;
}

.docs-panel-head h1:focus {
	outline: 0;
}

.docs-skip {
	background: var(--alt-colour-porcelain);
	padding: var(--alt-space-2) var(--alt-space-4);
	border-radius: var(--alt-radius-pill);
	position: absolute;
	top: var(--alt-space-3);
	left: var(--alt-space-4);
	transform: translateY(-200%);
	z-index: 70;

	color: #000;
	font-family: var(--alt-font-caps);
	font-size: 0.75rem;
	font-weight: 600;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0.12em;
}

.docs-skip:focus {
	transform: none;
}

.docs-visually-hidden {
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	position: absolute;
	overflow: hidden;
	clip-path: inset(50%);

	white-space: nowrap;
}

.docs-kbd {
	background: var(--alt-colour-panel-head);
	min-width: 22px;
	height: 22px;
	padding: 0 var(--alt-space-2);
	border: 1px solid var(--alt-line-strong);
	border-radius: var(--alt-radius-card);
	display: inline-flex;
	align-items: center;
	justify-content: center;

	color: var(--alt-colour-grey-1);
	font-family: var(--alt-font-caps);
	font-size: 0.6875rem;
	font-weight: 600;
	letter-spacing: 0.04em;
	white-space: nowrap;
}

.docs-search-trigger {
	background: var(--alt-colour-panel);
	height: 44px;
	padding: 0 var(--alt-space-3);
	border: 1px solid transparent;
	border-radius: 14px;
	box-shadow: var(--alt-shadow-panel);
	display: flex;
	align-items: center;
	gap: var(--alt-space-2);
	transition: border-color 160ms var(--alt-ease), color 160ms var(--alt-ease);
	cursor: pointer;

	color: var(--alt-colour-grey-1);
}

@media (hover: hover) {
	.docs-search-trigger:hover {
		border-color: var(--alt-line-bright);

		color: var(--alt-colour-porcelain);
	}
}

/* -- palette -- */
.docs-palette-locked {
	overflow: hidden;
}

.docs-palette-backdrop {
	background: radial-gradient(circle at 50% 45%, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.75));
	padding: 12vh var(--alt-space-4) var(--alt-space-4);
	display: none;
	justify-content: center;
	align-items: flex-start;
	position: fixed;
	inset: 0;
	z-index: 60;
}

.docs-palette-open {
	display: flex;
	animation: docs-palette-fade 200ms var(--alt-ease) both;
}

@keyframes docs-palette-fade {
	from {
		opacity: 0;
	}
}

.docs-palette {
	background: var(--alt-colour-panel);
	width: 100%;
	max-width: 640px;
	max-height: 70vh;
	border: 4px solid var(--alt-colour-accent);
	border-radius: 20px;
	box-shadow: var(--alt-shadow-panel);
	display: flex;
	flex-direction: column;
	overflow: hidden;
	animation: docs-palette-in 200ms var(--alt-ease);
}

@keyframes docs-palette-in {
	from {
		transform: translateY(-6px);
	}
}

.docs-palette-field {
	padding: var(--alt-space-4);
	border-bottom: 1px solid var(--alt-line);
	display: flex;
	align-items: center;
	position: relative;

	color: var(--alt-colour-grey-1);
}

.docs-palette-field .docs-icon {
	position: absolute;
	left: 34px;
	pointer-events: none;

	font-size: 20px;
}

.docs-palette-input {
	background: var(--alt-colour-field);
	width: 100%;
	padding: 12px 18px 12px 50px;
	border: 1px solid transparent;
	border-radius: var(--alt-radius-pill);
	outline: 2px solid var(--alt-colour-porcelain);
	outline-offset: 0;
	flex: 1;

	color: var(--alt-colour-porcelain);
	font-family: var(--alt-font-sans);
	font-size: 1rem;
}

.docs-palette-input::placeholder {
	color: var(--alt-colour-grey-1);
	font-style: italic;
}

.docs-palette-list {
	padding: var(--alt-space-2);
	margin: 0;
	flex: 1;
	overflow-y: auto;
	scrollbar-color: var(--alt-line-bright) transparent;
	scrollbar-width: thin;
}

.docs-palette-group {
	padding: var(--alt-space-4) 12px var(--alt-space-2);
	display: block;

	color: var(--alt-colour-grey-2);
	font-family: var(--alt-font-caps);
	font-size: 0.6875rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.06em;
}

.docs-palette-option {
	padding: 11px 12px;
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	gap: 2px;
	transition: background-color 150ms var(--alt-ease), color 150ms var(--alt-ease);
	cursor: pointer;

	color: var(--alt-colour-grey-1);
}

.docs-palette-option-active {
	background: rgba(255, 255, 255, 0.06);

	color: var(--alt-colour-porcelain);
}

.docs-palette-option-title {
	font-size: 0.875rem;
	font-weight: 500;
}

.docs-palette-option-snippet {
	overflow: hidden;

	color: var(--alt-colour-grey-2);
	font-size: 0.8125rem;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.docs-palette-option-snippet mark {
	background: transparent;

	color: var(--alt-colour-porcelain);
	font-weight: 600;
}

.docs-palette-status {
	padding: var(--alt-space-5);
	margin: 0;

	color: var(--alt-colour-grey-1);
	text-align: center;
}

.docs-palette-footer {
	padding: var(--alt-space-3) var(--alt-space-4);
	border-top: 1px solid var(--alt-line);
	display: flex;
	gap: var(--alt-space-5);

	color: var(--alt-colour-grey-2);
	font-size: 0.75rem;
}

.docs-palette-hint {
	display: inline-flex;
	align-items: center;
	gap: var(--alt-space-2);
}

/* -- heading links -- */
.markdown-section .docs-heading-link {
	background: transparent;
	width: 28px;
	height: 28px;
	padding: 0;
	border: 0;
	border-radius: var(--alt-radius-card);
	margin-left: var(--alt-space-2);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	vertical-align: middle;
	opacity: 0;
	transition: opacity 160ms var(--alt-ease), background-color 160ms var(--alt-ease), color 160ms var(--alt-ease);
	cursor: pointer;
	user-select: none;

	color: var(--alt-colour-grey-2);
}

.markdown-section :is(h2, h3, h4):hover .docs-heading-link,
.markdown-section .docs-heading-link:focus-visible,
.markdown-section .docs-heading-link-copied {
	opacity: 1;
}

.markdown-section .docs-heading-link:hover {
	background: var(--alt-colour-panel-hover);

	color: var(--alt-colour-porcelain);
}

.markdown-section .docs-heading-link-copied,
.markdown-section .docs-heading-link-copied:hover {
	color: var(--alt-colour-accent-bright);
}

.docs-heading-link .docs-icon {
	font-size: 1.125rem;
}

@media (hover: none) {
	.markdown-section .docs-heading-link {
		opacity: 0.6;
	}
}

/* -- skeletons -- */
.docs-skeleton {
	background: linear-gradient(100deg, rgba(255, 255, 255, 0.06) 40%, rgba(255, 255, 255, 0.11) 50%, rgba(255, 255, 255, 0.06) 60%);
	background-size: 200% 100%;
	min-height: 16px;
	border-radius: var(--alt-radius-card);
	display: block;
	animation: docs-skeleton-slide 1.8s ease-in-out infinite, docs-skeleton-in 180ms var(--alt-ease) 150ms both;
}

@keyframes docs-skeleton-slide {
	from {
		background-position: 120% 0;
	}

	to {
		background-position: -80% 0;
	}
}

@keyframes docs-skeleton-in {
	from {
		opacity: 0;
	}
}

.docs-loading-page {
	padding: var(--alt-header-height) var(--alt-space-3) 0;
}

.docs-loading-page ~ main {
	display: none;
}

.docs-loading-page .docs-header {
	justify-content: space-between;
}

.docs-skeleton-brand {
	width: 180px;
	height: 26px;
}

.docs-skeleton-dock {
	width: 92px;
	height: 44px;
	border-radius: var(--alt-radius-pill);
}

.docs-skeleton-heading-group {
	display: flex;
	flex-direction: column;
	gap: var(--alt-space-3);
}

.docs-loading-page .docs-panel-head {
	display: flex;
	flex-direction: column;
	gap: var(--alt-space-3);
}

.docs-skeleton-eyebrow {
	width: 120px;
	height: 12px;
	min-height: 0;
}

.docs-skeleton-title {
	width: min(420px, 70%);
	height: 36px;
}

.docs-skeleton-side {
	display: none;
	flex-direction: column;
	gap: var(--alt-space-4);
}

.docs-skeleton-content {
	padding-bottom: var(--alt-space-6);
	display: flex;
	flex-direction: column;
	gap: var(--alt-space-3);
}

.docs-skeleton-line:nth-child(4n + 1) {
	width: 96%;
}

.docs-skeleton-line:nth-child(4n + 2) {
	width: 88%;
}

.docs-skeleton-line:nth-child(4n + 3) {
	width: 92%;
}

.docs-skeleton-line:nth-child(4n) {
	width: 60%;
}

.docs-skeleton-block {
	height: 140px;
	border-radius: var(--alt-radius-tile);
	margin: var(--alt-space-3) 0;
}

.docs-skeleton-heading {
	width: 36%;
	height: 26px;
	margin-top: var(--alt-space-4);
}

.docs-page-loading .docs-panel-head h1,
.docs-page-loading .markdown-section {
	display: none;
}

@media (min-width: 1180px) {
	.docs-skeleton-side {
		background: var(--alt-colour-panel-head);
		padding: var(--alt-space-5);
		border-radius: var(--alt-radius-tile);
		display: flex;
	}

	.docs-loading-page .docs-skeleton-side .docs-skeleton-line {
		width: 80%;
	}
}

@media (min-width: 769px) {
	.docs-loading-page {
		padding: var(--alt-header-height) var(--alt-space-4) 0;
	}

	.docs-skeleton-dock {
		width: min(920px, 50vw);
		border-radius: 14px;
	}
}

/* -- not found -- */
.docs-not-found {
	max-width: 720px;
	padding: var(--alt-space-2) 0 var(--alt-space-6);
	display: flex;
	flex-direction: column;
	gap: var(--alt-space-5);
}

.markdown-section .docs-not-found-intro {
	margin: 0;

	color: var(--alt-colour-grey-1);
	font-size: 1.0625rem;
}

.docs-not-found-intro code {
	word-break: break-all;
}

.docs-not-found-actions {
	display: flex;
	flex-wrap: wrap;
	gap: var(--alt-space-3);
}

.markdown-section .docs-not-found-button {
	background: transparent;
	padding: 12px 24px;
	border: 1px solid var(--alt-line-bright);
	border-radius: var(--alt-radius-pill);
	display: inline-flex;
	align-items: center;
	gap: var(--alt-space-2);
	transition: background-color 260ms var(--alt-ease), color 260ms var(--alt-ease), border-color 260ms var(--alt-ease);
	cursor: pointer;

	color: var(--alt-colour-porcelain);
	font-family: var(--alt-font-caps);
	font-size: 0.75rem;
	font-weight: 600;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0.14em;
}

.markdown-section .docs-not-found-search {
	background: var(--alt-colour-porcelain);
	border-color: var(--alt-colour-porcelain);

	color: #000;
}

.docs-not-found-button .docs-icon {
	font-size: 1.125rem;
}

@media (hover: hover) {
	.markdown-section .docs-not-found-button:hover {
		background: var(--alt-colour-porcelain);
		border-color: var(--alt-colour-porcelain);

		color: #000;
	}

	.markdown-section .docs-not-found-search:hover {
		background: transparent;
		border-color: var(--alt-line-bright);

		color: var(--alt-colour-porcelain);
	}
}

.markdown-section .docs-not-found-heading {
	padding: 0;
	border: 0;
	margin: var(--alt-space-4) 0 0;

	color: var(--alt-colour-grey-2);
	font-family: var(--alt-font-caps);
	font-size: 0.75rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.12em;
}

.docs-not-found-suggestions {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
	gap: var(--alt-space-3);
}

.docs-not-found-suggestions .docs-pager-card {
	justify-content: space-between;
}

@media (min-width: 1180px) {
	.docs-sections {
		display: flex;
	}

	.sidebar-nav > ul > li:not(.docs-current-section) {
		display: none;
	}

	.sidebar-nav > ul > li.docs-current-section:not(:has(> a)) {
		padding-top: 0;
		margin: 0;
		font-size: 0;
		line-height: 0;
	}

	.sidebar-nav > ul > li.docs-current-section > ul {
		margin-top: 0;
	}

	/* docsify-hide-code clips with an inline height and !important rules, so only !important undoes it. */
	.markdown-section .hide-code {
		height: auto !important;
		max-height: none !important;
		overflow-y: visible !important;
	}

	.markdown-section .hide-code .hide-code-mask {
		display: none;
	}
}

/* -- start path -- */
.markdown-section .docs-start-title {
	padding: 0;
	border: 0;
	margin: var(--alt-space-6) 0 var(--alt-space-1);
}

.markdown-section .docs-start-intro {
	margin: 0;

	color: var(--alt-colour-grey-1);
}

.markdown-section .docs-steps {
	padding: 0;
	margin: var(--alt-space-5) 0 0;
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: var(--alt-space-4);
	list-style: none;

	@media (min-width: 640px) {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

.markdown-section .docs-step {
	background: var(--alt-colour-panel-head);
	padding: var(--alt-space-5);
	border: 1px solid var(--alt-line-soft);
	border-radius: var(--alt-radius-tile);
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: var(--alt-space-2);
}

.markdown-section .docs-step::marker {
	content: none;
}

.docs-step-number {
	background: var(--alt-colour-accent-fill);
	width: 32px;
	height: 32px;
	border-radius: var(--alt-radius-pill);
	margin-bottom: var(--alt-space-1);
	display: inline-flex;
	align-items: center;
	justify-content: center;

	color: var(--alt-colour-porcelain);
	font-family: var(--alt-font-caps);
	font-size: 0.875rem;
	font-weight: 600;
}

.markdown-section .docs-step-title {
	margin: 0;

	font-size: 1.125rem;
	line-height: 1.3;
}

.markdown-section .docs-step-blurb {
	margin: 0;

	color: var(--alt-colour-grey-1);
	font-size: 0.9375rem;
	line-height: 1.5;
}

.docs-step-links {
	padding-top: var(--alt-space-2);
	display: flex;
	flex-direction: column;
	gap: var(--alt-space-1);
}

.markdown-section .docs-step-link {
	display: inline-flex;
	align-items: center;
	align-self: flex-start;
	gap: var(--alt-space-1);

	color: var(--alt-colour-accent-bright);
	font-size: 0.9375rem;
	text-decoration: none;
}

.markdown-section .docs-step-link:hover {
	color: var(--alt-colour-porcelain);
}

.docs-step-link .docs-icon {
	font-size: 1rem;
}

.markdown-section .docs-explore-title {
	margin-top: var(--alt-space-7);
}

.markdown-section .docs-explore .docs-hub {
	margin-top: var(--alt-space-4);
}

/* -- hub -- */
.markdown-section .docs-hub {
	margin: var(--alt-space-6) 0;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
	gap: var(--alt-space-4);
}

.docs-hub-card {
	background: var(--alt-colour-panel-head);
	padding: var(--alt-space-5);
	border: 1px solid var(--alt-line-soft);
	border-radius: var(--alt-radius-tile);
	display: flex;
	flex-direction: column;
	gap: var(--alt-space-3);
}

.markdown-section .docs-hub-head {
	display: flex;
	align-items: center;
	gap: var(--alt-space-3);

	color: var(--alt-colour-porcelain);
	text-decoration: none;
}

.docs-hub-head .docs-icon {
	background: var(--alt-colour-accent-fill);
	width: 40px;
	height: 40px;
	border-radius: var(--alt-radius-pill);

	color: var(--alt-colour-porcelain);
}

.docs-hub-title {
	font-size: 1.125rem;
	line-height: 1.3;
}

.markdown-section .docs-hub-blurb {
	margin: 0;

	color: var(--alt-colour-grey-1);
	font-size: 0.9375rem;
	line-height: 1.5;
}

.markdown-section .docs-hub-pages {
	padding: var(--alt-space-3) 0 0;
	border-top: 1px solid var(--alt-line);
	margin: 0;
	list-style: none;
}

.markdown-section .docs-hub-pages li::marker {
	content: none;
}

.markdown-section .docs-hub-pages a,
.markdown-section .docs-hub-more {
	padding: 2px 0;
	display: block;

	color: var(--alt-colour-grey-1);
	font-size: 0.9375rem;
	text-decoration: none;
}

.markdown-section .docs-hub-pages a:hover,
.markdown-section .docs-hub-more:hover {
	color: var(--alt-colour-accent-bright);
}

.markdown-section .docs-hub-more {
	color: var(--alt-colour-grey-2);
	font-family: var(--alt-font-caps);
	font-size: 0.75rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.08em;
}

/* -- page footer -- */
.docs-page-footer {
	padding-top: var(--alt-space-5);
	border-top: 1px solid var(--alt-line);
	margin-top: var(--alt-space-7);
	display: flex;
	flex-direction: column;
	gap: var(--alt-space-5);
}

.docs-feedback {
	background: var(--alt-colour-panel-head);
	padding: var(--alt-space-4) var(--alt-space-5);
	border: 1px solid var(--alt-line-soft);
	border-radius: var(--alt-radius-tile);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: var(--alt-space-3) var(--alt-space-5);
}

.markdown-section .docs-feedback-question,
.markdown-section .docs-feedback-reply {
	margin: 0;

	color: var(--alt-colour-porcelain);
	font-size: 0.9375rem;
}

.docs-feedback-reply:focus {
	outline: 0;
}

.docs-feedback-choices {
	display: flex;
	gap: var(--alt-space-2);
}

.markdown-section .docs-feedback-button {
	background: transparent;
	padding: 8px 16px;
	border: 1px solid var(--alt-line-bright);
	border-radius: var(--alt-radius-pill);
	display: inline-flex;
	align-items: center;
	gap: var(--alt-space-2);
	transition: background-color 260ms var(--alt-ease), color 260ms var(--alt-ease), border-color 260ms var(--alt-ease);
	cursor: pointer;

	color: var(--alt-colour-porcelain);
	font-family: var(--alt-font-caps);
	font-size: 0.6875rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.12em;
}

@media (hover: hover) {
	.markdown-section .docs-feedback-button:hover {
		background: var(--alt-colour-porcelain);
		border-color: var(--alt-colour-porcelain);

		color: #000;
	}
}

.docs-feedback-button .docs-icon {
	font-size: 1rem;
}

.markdown-section .docs-edit {
	align-self: flex-start;
	display: inline-flex;
	align-items: center;
	gap: var(--alt-space-2);

	color: var(--alt-colour-grey-1);
	font-family: var(--alt-font-caps);
	font-size: 0.75rem;
	font-weight: 600;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0.08em;
}

.markdown-section .docs-edit:hover {
	color: var(--alt-colour-porcelain);
}

.docs-edit .docs-icon {
	font-size: 1rem;
}

.docs-pager {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--alt-space-4);
}

.markdown-section .docs-pager-card {
	background: var(--alt-colour-panel-head);
	padding: var(--alt-space-4) var(--alt-space-5);
	border: 1px solid var(--alt-line-soft);
	border-radius: var(--alt-radius-tile);
	display: flex;
	align-items: center;
	gap: var(--alt-space-4);
	transition: background-color 260ms var(--alt-ease), border-color 260ms var(--alt-ease), box-shadow 260ms var(--alt-ease);

	color: var(--alt-colour-porcelain);
	text-decoration: none;
}

@media (hover: hover) {
	.markdown-section .docs-pager-card:hover {
		background: var(--alt-colour-panel-hover);
		border-color: var(--alt-colour-porcelain);
		box-shadow: 0 0 0 1px var(--alt-colour-porcelain);
	}
}

.docs-pager-next {
	grid-column: 2;
	justify-content: flex-end;

	text-align: right;
}

.docs-pager-card .docs-icon {
	color: var(--alt-colour-accent-bright);
}

.docs-pager-text {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.docs-pager-label {
	color: var(--alt-colour-grey-2);
	font-family: var(--alt-font-caps);
	font-size: 0.6875rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

.docs-pager-title {
	font-size: 1.0625rem;
	line-height: 1.35;
}

/* -- burger menu (the section tabs no longer fit) -- */
@media (max-width: 1179px) {
	.sidebar,
	body.sticky .sidebar {
		width: var(--alt-sidebar-width);
		padding: var(--alt-space-3) 0 var(--alt-space-7);
		box-shadow: var(--alt-shadow-panel);
		position: fixed;
		top: var(--alt-header-height);
		bottom: 0;
		left: calc(var(--alt-sidebar-width) * -1);
		transform: none;
		transition: transform 250ms var(--alt-ease);
		z-index: 30;
		overflow-y: auto;
	}

	body.close .sidebar {
		transform: translateX(var(--alt-sidebar-width));
	}

	body.close .content {
		transform: none;
	}

	.docs-menu {
		display: inline-flex;
	}
}

/* -- phones -- */
@media (max-width: 768px) {
	.content {
		padding: var(--alt-header-height) var(--alt-space-3) 0;
	}

	.docs-panel {
		padding: 0 var(--alt-space-5) var(--alt-space-6);
		border-radius: var(--alt-radius-tile);
	}

	.docs-panel-head {
		padding: var(--alt-space-5);
		margin: 0 calc(var(--alt-space-5) * -1) var(--alt-space-5);
	}

	.docs-panel-head h1 {
		font-size: 1.75rem;
	}

	.docs-search-trigger {
		width: 44px;
		padding: 0;
		border-radius: var(--alt-radius-pill);
		justify-content: center;

		color: var(--alt-colour-porcelain);
	}

	.docs-search-trigger .docs-kbd,
	.docs-palette-footer {
		display: none;
	}

	.docs-palette-backdrop {
		padding-top: var(--alt-space-4);
	}

	.docs-brand-label {
		display: none;
	}

	.docs-pager {
		grid-template-columns: 1fr;
	}

	.docs-pager-next {
		grid-column: auto;
	}
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		scroll-behavior: auto !important;
	}
}