/**
 * Ubient — structural styles.
 *
 * Design values are never written here. Colors, fonts, sizes, radii, shadows,
 * spacing and separators come from theme.json presets and design tokens
 * (`settings.custom`, output as `--wp--custom--*`). Site owners edit the tokens
 * in the Site Editor (Options → Design), for the whole site or for a single
 * block in its Styles tab. This file only holds the mechanics theme.json cannot
 * express: grids, sticky positioning, states and pseudo-elements.
 */

/* -------------------------------------------------------------------------
 * Base
 * ---------------------------------------------------------------------- */

/* Height of the WordPress toolbar, for sticky elements. */
:root:has(> body.admin-bar) {
	--ubient-admin-bar: var(--wp-admin--admin-bar--height, 0px);
}

@media (max-width: 600px) {

	:root:has(> body.admin-bar) {
		--ubient-admin-bar: 0px;
	}
}

html {
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
	scroll-padding-top: calc(var(--ubient-header-offset, var(--wp--custom--docs--header-height)) + var(--ubient-admin-bar, 0px) + 1rem);
}

@media (prefers-reduced-motion: no-preference) {

	html {
		scroll-behavior: smooth;
	}
}

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizelegibility;
}

::selection {
	background-color: var(--wp--custom--selection--background);
	color: var(--wp--custom--selection--text);
}

:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
	outline: var(--wp--custom--focus--width) solid var(--wp--custom--focus--color);
	outline-offset: var(--wp--custom--focus--offset);
}

:where(.wp-site-blocks) > * {
	margin-block-start: 0;
}

/* Sticky header: when the header's top-level group is set to "Sticky" in the
 * editor, the whole template part sticks to the viewport. */
.wp-site-blocks > .wp-block-template-part:has(> .is-position-sticky) {
	position: sticky;
	top: var(--ubient-admin-bar, 0px);
	z-index: 100;
}

.wp-site-blocks > .wp-block-template-part > .is-position-sticky {
	position: relative !important;
	top: auto !important;
}

:where(img, svg, video) {
	max-width: 100%;
}

/* -------------------------------------------------------------------------
 * Inline code and keyboard keys
 * ---------------------------------------------------------------------- */

:where(.wp-site-blocks, .editor-styles-wrapper) :where(:not(pre)) > code {
	padding: var(--wp--custom--code--inline-padding-y) var(--wp--custom--code--inline-padding-x);
	border-radius: var(--wp--custom--code--inline-radius);
	background-color: var(--wp--custom--code--inline-background);
	color: var(--wp--custom--code--inline-color);
	font-family: var(--wp--preset--font-family--mono);
	font-size: var(--wp--custom--code--inline-font-size);
	overflow-wrap: anywhere;
}

:where(.wp-site-blocks, .editor-styles-wrapper) a > code {
	color: inherit;
}

kbd,
.ubient-kbd {
	display: inline-block;
	min-width: 1.5em;
	padding: 0.0625em 0.375em;
	border: 1px solid var(--wp--custom--kbd--border);
	border-bottom-width: 2px;
	border-radius: var(--wp--custom--kbd--radius);
	background-color: var(--wp--custom--kbd--background);
	color: var(--wp--custom--kbd--text);
	font-family: var(--wp--preset--font-family--mono);
	font-size: var(--wp--custom--kbd--font-size);
	line-height: 1.5;
	text-align: center;
}

/* -------------------------------------------------------------------------
 * Code blocks
 * ---------------------------------------------------------------------- */

.wp-block-code {
	overflow-x: auto;
	tab-size: 4;
}

/* Ligatures would change how operators look in code samples. */
:where(code, kbd, samp, pre) {
	font-variant-ligatures: none;
}

.wp-block-code code {
	display: block;
	min-width: max-content;
	background: none;
	font: inherit;
	white-space: pre;
}

/* -------------------------------------------------------------------------
 * Tables
 * ---------------------------------------------------------------------- */

.wp-block-table {
	overflow-x: auto;
}

.wp-block-table table {
	width: 100%;
	border: 1px solid var(--wp--custom--table--border);
	border-collapse: separate;
	border-spacing: 0;
	border-radius: var(--wp--custom--table--radius);
}

.wp-block-table table :is(th, td) {
	padding: var(--wp--custom--table--cell-padding-y) var(--wp--custom--table--cell-padding-x);
	border: 0;
	border-bottom: 1px solid var(--wp--custom--table--border);
	text-align: start;
	vertical-align: top;
}

.wp-block-table thead th {
	background-color: var(--wp--custom--table--header-background);
	color: var(--wp--custom--table--header-text);
	font-weight: var(--wp--custom--table--header-weight);
}

.wp-block-table thead th:first-child {
	border-start-start-radius: var(--wp--custom--table--radius);
}

.wp-block-table thead th:last-child {
	border-start-end-radius: var(--wp--custom--table--radius);
}

.wp-block-table tbody tr:last-child > * {
	border-bottom: 0;
}

.wp-block-table thead,
.wp-block-table tfoot {
	border: 0;
}

.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
	background-color: var(--wp--custom--table--stripe-background);
}

.wp-block-table.is-style-stripes {
	border-bottom: 0;
}

/* "Minimal": no outer frame and no header background. */
.wp-block-table.is-style-minimal table {
	border-width: 0;
	border-radius: 0;
}

.wp-block-table.is-style-minimal thead th {
	background: none;
	border-radius: 0;
}

.wp-block-table figcaption {
	margin-top: 0.5em;
	color: var(--wp--custom--table--caption-text);
	font-size: var(--wp--custom--table--caption-size);
}

/* -------------------------------------------------------------------------
 * Documentation layout (Group block style "Documentation layout")
 *
 * Children, in order: left rail (sidebar), main content, optional right rail
 * (table of contents). Rails are sticky and scroll on their own. Column widths
 * are design tokens ("Documentation layout").
 * ---------------------------------------------------------------------- */

.wp-block-group.is-style-docs-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	align-items: start;
	column-gap: var(--wp--custom--docs--rail-gap);
	width: 100%;
	max-width: var(--wp--style--global--wide-size);
	margin-inline: auto;
}

.wp-block-group.is-style-docs-layout > * {
	min-width: 0;
	margin-block: 0;
}

/*
 * The layout group already has side padding. Constrained groups inside it
 * (such as <main>) would add the root padding a second time.
 */
.wp-block-group:is(.is-style-docs-layout, .is-style-article-layout) {
	--wp--style--root--padding-left: 0px;
	--wp--style--root--padding-right: 0px;
}

.wp-block-group.is-style-docs-layout > :is(:first-child, :nth-child(3)):not(:only-child) {
	position: sticky;
	top: calc(var(--ubient-header-offset, var(--wp--custom--docs--header-height)) + var(--ubient-admin-bar, 0px));
	max-height: calc(100dvh - var(--ubient-header-offset, var(--wp--custom--docs--header-height)) - var(--ubient-admin-bar, 0px));
	overflow-y: auto;
	overscroll-behavior: contain;
	scrollbar-color: var(--wp--custom--docs--scrollbar) transparent;
	scrollbar-width: thin;
}

@media (max-width: 1023.98px) {

	body:not(.editor-styles-wrapper) .wp-block-group.is-style-docs-layout > :first-child:not(:only-child),
	body:not(.editor-styles-wrapper) .wp-block-group.is-style-docs-layout > :nth-child(3) {
		display: none;
	}
}

@media (min-width: 1024px) {

	.wp-block-group.is-style-docs-layout:has(> :nth-child(2)) {
		grid-template-columns: var(--wp--custom--docs--sidebar-width) minmax(0, 1fr);
	}
}

@media (min-width: 1024px) and (max-width: 1279.98px) {

	body:not(.editor-styles-wrapper) .wp-block-group.is-style-docs-layout > :nth-child(3) {
		display: none;
	}
}

@media (min-width: 1280px) {

	.wp-block-group.is-style-docs-layout:has(> :nth-child(3)) {
		grid-template-columns: var(--wp--custom--docs--sidebar-width) minmax(0, 1fr) var(--wp--custom--docs--toc-width);
	}

	body:not(.editor-styles-wrapper) .wp-block-group.is-style-docs-layout:has(> :nth-child(3)) .is-placement-inline {
		display: none;
	}
}

/* Group block style "Sticky rail": a sticky column that scrolls on its own. */
.wp-block-group.is-style-docs-rail {
	position: sticky;
	top: calc(var(--ubient-header-offset, var(--wp--custom--docs--header-height)) + var(--ubient-admin-bar, 0px) + var(--wp--custom--docs--rail-offset));
	max-height: calc(100dvh - var(--ubient-header-offset, var(--wp--custom--docs--header-height)) - var(--ubient-admin-bar, 0px) - var(--wp--custom--docs--rail-offset));
	overflow-y: auto;
	scrollbar-color: var(--wp--custom--docs--scrollbar) transparent;
	scrollbar-width: thin;
}

/* Heading rhythm inside long-form content ("Article content" tokens). */
.wp-block-post-content > :where(h2) {
	margin-block-start: var(--wp--custom--content--section-space);
}

.wp-block-post-content > :where(h3, h4) {
	margin-block-start: var(--wp--custom--content--subsection-space);
}

.wp-block-post-content > :where(h2, h3, h4) + * {
	margin-block-start: var(--wp--custom--content--heading-gap);
}

/* -------------------------------------------------------------------------
 * Article layout (Group block style "Article layout")
 *
 * Children, in order: the article and an optional right rail (table of
 * contents). The rail appears from 1280px; below it the article keeps its
 * inline table of contents.
 * ---------------------------------------------------------------------- */

.wp-block-group.is-style-article-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	align-items: start;
	column-gap: var(--wp--custom--docs--rail-gap);
	width: 100%;
	max-width: var(--wp--style--global--wide-size);
	margin-inline: auto;
}

.wp-block-group.is-style-article-layout > * {
	min-width: 0;
	margin-block: 0;
}

.wp-block-group.is-style-article-layout > :nth-child(2) {
	position: sticky;
	top: calc(var(--ubient-header-offset, var(--wp--custom--docs--header-height)) + var(--ubient-admin-bar, 0px));
	max-height: calc(100dvh - var(--ubient-header-offset, var(--wp--custom--docs--header-height)) - var(--ubient-admin-bar, 0px));
	overflow-y: auto;
	scrollbar-color: var(--wp--custom--docs--scrollbar) transparent;
	scrollbar-width: thin;
}

@media (max-width: 1279.98px) {

	body:not(.editor-styles-wrapper) .wp-block-group.is-style-article-layout > :nth-child(2) {
		display: none;
	}
}

@media (min-width: 1280px) {

	.wp-block-group.is-style-article-layout:has(> :nth-child(2)) {
		grid-template-columns: minmax(0, 1fr) var(--wp--custom--docs--toc-width);
	}

	body:not(.editor-styles-wrapper) .wp-block-group.is-style-article-layout:has(> :nth-child(2)) .is-placement-inline {
		display: none;
	}
}

/* -------------------------------------------------------------------------
 * Blog
 * ---------------------------------------------------------------------- */

/* Group block style "Meta line": items separated by an editable separator.
 * Colors and size are part of the style variation (Styles → Blocks → Group). */
.wp-block-group.is-style-meta > * + *::before {
	content: var(--wp--custom--meta--separator);
	margin-inline-end: var(--wp--custom--meta--separator-gap);
}

/* Categories and post terms: "Pills" style. */
.wp-block-categories.is-style-pills {
	display: flex;
	flex-wrap: wrap;
	gap: var(--wp--custom--pills--gap);
	margin: 0;
	padding: 0;
	list-style: none;
}

.wp-block-categories.is-style-pills li {
	margin: 0;
}

.wp-block-categories.is-style-pills .children {
	display: contents;
}

.wp-block-categories.is-style-pills a,
.wp-block-post-terms.is-style-pills a {
	display: inline-flex;
	align-items: center;
	padding: var(--wp--custom--pills--padding-y) var(--wp--custom--pills--padding-x);
	border-radius: var(--wp--custom--pills--radius);
	background-color: var(--wp--custom--pills--background);
	color: var(--wp--custom--pills--text);
	font-size: var(--wp--custom--pills--font-size);
	line-height: 1.3;
	text-decoration: none;
	box-shadow: 0 0 0 1px var(--wp--custom--pills--border);
	transition: background-color var(--wp--custom--transition--duration) var(--wp--custom--transition--easing), color var(--wp--custom--transition--duration) var(--wp--custom--transition--easing);
}

.wp-block-categories.is-style-pills a:hover,
.wp-block-categories.is-style-pills .current-cat > a,
.wp-block-post-terms.is-style-pills a:hover {
	background-color: var(--wp--custom--pills--hover-background);
	color: var(--wp--custom--pills--hover-text);
}

.wp-block-post-terms.is-style-pills {
	display: flex;
	flex-wrap: wrap;
	gap: var(--wp--custom--pills--gap);
}

.wp-block-post-terms.is-style-pills .wp-block-post-terms__separator {
	display: none;
}

/* Post cards in Query Loops. Image, title and text are styled per block. */
.ubient-post-card {
	height: 100%;
}

.ubient-post-card .wp-block-post-featured-image {
	margin: 0;
}

/* A sticky post spans the whole grid row ("Post cards" tokens). */
.wp-block-post-template.is-layout-grid > .wp-block-post.sticky {
	grid-column: 1 / -1;
}

@media (min-width: 782px) {

	.wp-block-post.sticky .ubient-post-card:has(> .wp-block-post-featured-image) {
		display: grid;
		grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
		align-content: center;
		column-gap: var(--wp--custom--post-card--sticky-gap);
		row-gap: var(--wp--preset--spacing--20);
	}

	.wp-block-post.sticky .ubient-post-card > .wp-block-post-featured-image {
		grid-row: 1 / span 8;
		grid-column: 1;
	}

	.wp-block-post.sticky .ubient-post-card > :not(.wp-block-post-featured-image) {
		grid-column: 2;
		margin: 0;
	}

	.wp-block-post.sticky .ubient-post-card .wp-block-post-title {
		font-size: var(--wp--custom--post-card--sticky-title-size);
	}
}

/* Author box */
.ubient-author-box .wp-block-avatar img {
	display: block;
}

/* Previous / next post cards ("Previous and next post" tokens). */
.ubient-post-nav .wp-block-post-navigation-link {
	position: relative;
	display: flex;
	align-items: flex-start;
	gap: var(--wp--custom--post-nav--gap);
	padding: var(--wp--custom--post-nav--padding-y) var(--wp--custom--post-nav--padding-x);
	border-radius: var(--wp--custom--post-nav--radius);
	background-color: var(--wp--custom--post-nav--background);
	box-shadow: 0 0 0 1px var(--wp--custom--post-nav--border);
	transition: background-color var(--wp--custom--transition--duration) var(--wp--custom--transition--easing);
}

.ubient-post-nav .wp-block-post-navigation-link:empty {
	display: none;
}

.ubient-post-nav .wp-block-post-navigation-link:hover {
	background-color: var(--wp--custom--post-nav--hover-background);
}

.ubient-post-nav .wp-block-post-navigation-link a {
	display: flex;
	flex-direction: column;
	gap: 0.125rem;
	color: var(--wp--custom--post-nav--title-text);
	font-weight: var(--wp--custom--post-nav--title-weight);
	text-decoration: none;
}

/* The whole card is clickable. */
.ubient-post-nav .wp-block-post-navigation-link a::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
}

.ubient-post-nav .wp-block-post-navigation-link a:focus-visible {
	outline: none;
}

.ubient-post-nav .wp-block-post-navigation-link a:focus-visible::after {
	outline: var(--wp--custom--focus--width) solid var(--wp--custom--focus--color);
	outline-offset: var(--wp--custom--focus--offset);
}

.ubient-post-nav .post-navigation-link__label {
	color: var(--wp--custom--post-nav--label-text);
	font-size: var(--wp--custom--post-nav--label-size);
	font-weight: 400;
}

.ubient-post-nav [class*="wp-block-post-navigation-link__arrow"] {
	margin: 0;
	color: var(--wp--custom--post-nav--arrow);
	line-height: inherit;
}

.ubient-post-nav .post-navigation-link-next {
	grid-column-end: -1;
	justify-content: flex-end;
	text-align: end;
}

/* -------------------------------------------------------------------------
 * Block style variations
 *
 * Base colors of the variations are editable in Styles → Blocks; hover states
 * use the "Button hover" tokens.
 * ---------------------------------------------------------------------- */

.wp-block-button.is-style-ghost .wp-block-button__link:hover,
.wp-block-button.is-style-ghost .wp-block-button__link:focus-visible,
.wp-block-button.is-style-outline .wp-block-button__link:hover,
.wp-block-button.is-style-soft .wp-block-button__link:hover {
	background-color: var(--wp--custom--button--hover-background);
	color: var(--wp--custom--button--hover-text);
}

.wp-block-button__link {
	transition: background-color var(--wp--custom--transition--duration) var(--wp--custom--transition--easing), color var(--wp--custom--transition--duration) var(--wp--custom--transition--easing);
}

/* Navigation: Tabs */
.wp-block-navigation.is-style-tabs .wp-block-navigation-item__content {
	padding: var(--wp--custom--nav-tabs--item-padding-y) var(--wp--custom--nav-tabs--item-padding-x);
	border-radius: var(--wp--custom--nav-tabs--item-radius);
	transition: background-color var(--wp--custom--transition--duration) var(--wp--custom--transition--easing);
}

.wp-block-navigation.is-style-tabs .wp-block-navigation-item__content:hover,
.wp-block-navigation.is-style-tabs .current-menu-item > .wp-block-navigation-item__content,
.wp-block-navigation.is-style-tabs .current-menu-ancestor > .wp-block-navigation-item__content,
.wp-block-navigation.is-style-tabs [aria-current="page"] {
	background-color: var(--wp--custom--nav-tabs--active-background);
	color: var(--wp--custom--nav-tabs--active-text);
}

.wp-block-navigation.is-style-tabs:not(.is-vertical) .wp-block-navigation__container {
	gap: var(--wp--custom--nav-tabs--gap);
}

/* Navigation submenus */
.wp-block-navigation :where(.wp-block-navigation__submenu-container) {
	padding: var(--wp--custom--submenu--padding);
	border: 0 !important;
	border-radius: var(--wp--custom--submenu--radius);
	background-color: var(--wp--custom--submenu--background) !important;
	box-shadow: var(--wp--custom--submenu--shadow);
}

.wp-block-navigation :where(.wp-block-navigation__submenu-container) .wp-block-navigation-item__content {
	padding: var(--wp--custom--submenu--item-padding-y) var(--wp--custom--submenu--item-padding-x) !important;
	border-radius: var(--wp--custom--submenu--item-radius);
}

.wp-block-navigation :where(.wp-block-navigation__submenu-container) .wp-block-navigation-item__content:hover {
	background-color: var(--wp--custom--submenu--hover-background);
}

.wp-block-navigation__responsive-container.is-menu-open {
	background-color: var(--wp--custom--overlay--background) !important;
	color: var(--wp--custom--overlay--text) !important;
}

/* List: Checklist */
.wp-block-list.is-style-checklist {
	padding-inline-start: 0;
	list-style: none;
}

.wp-block-list.is-style-checklist > li {
	position: relative;
	padding-inline-start: var(--wp--custom--checklist--indent);
}

.wp-block-list.is-style-checklist > li::before {
	content: "";
	position: absolute;
	top: 0.3em;
	inset-inline-start: 0;
	width: var(--wp--custom--checklist--icon-size);
	height: var(--wp--custom--checklist--icon-size);
	background-color: var(--wp--custom--checklist--icon);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* List: Link list */
.wp-block-list.is-style-links {
	padding-inline-start: 0;
	list-style: none;
}

.wp-block-list.is-style-links > li + li {
	margin-block-start: var(--wp--custom--link-list--gap);
}

.wp-block-list.is-style-links a {
	color: var(--wp--custom--link-list--text);
	text-decoration: none;
}

.wp-block-list.is-style-links a:hover,
.wp-block-list.is-style-links a:focus-visible {
	color: var(--wp--custom--link-list--hover-text);
	text-decoration: underline;
}

/* Details / accordions */
.wp-block-details > summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	color: var(--wp--custom--details--summary-text);
	font-weight: var(--wp--custom--details--summary-weight);
	list-style: none;
	cursor: pointer;
}

.wp-block-details > summary::-webkit-details-marker {
	display: none;
}

.wp-block-details > summary::after {
	content: "";
	flex: none;
	width: 1em;
	height: 1em;
	background-color: currentcolor;
	opacity: var(--wp--custom--details--icon-opacity);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat;
	transition: transform var(--wp--custom--transition--duration) var(--wp--custom--transition--easing);
}

.wp-block-details[open] > summary::after {
	transform: rotate(180deg);
}

.wp-block-details > summary ~ * {
	margin-block-start: var(--wp--custom--details--content-gap);
}

/* Core Tabs */
.wp-block-tab-list {
	gap: var(--wp--custom--tabs--gap);
	border-bottom: 1px solid var(--wp--custom--tabs--border);
}

.wp-block-tab-list button {
	color: var(--wp--custom--tabs--text);
	font-size: var(--wp--custom--tabs--font-size);
	font-weight: var(--wp--custom--tabs--font-weight);
	transition: color var(--wp--custom--transition--duration) var(--wp--custom--transition--easing);
}

.wp-block-tab-list button:hover,
.wp-block-tab-list button[aria-selected="true"] {
	color: var(--wp--custom--tabs--active-text);
}

.wp-block-tab-panel {
	padding-block: var(--wp--custom--tabs--panel-padding);
}

/* Core Accordion */
.wp-block-accordion-item {
	border-bottom: 1px solid var(--wp--custom--accordion--border);
}

.wp-block-accordion-heading__toggle {
	color: var(--wp--custom--accordion--heading-text);
}

.wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title {
	text-decoration: none;
}

.wp-block-accordion-heading__toggle-icon {
	color: var(--wp--custom--accordion--icon);
}

.wp-block-accordion-panel {
	padding-block-end: var(--wp--custom--accordion--panel-padding);
}

/* -------------------------------------------------------------------------
 * Forms and core search
 * ---------------------------------------------------------------------- */

:where(.wp-site-blocks) :where(input:not([type="checkbox"], [type="radio"], [type="submit"], [type="button"]), textarea, select) {
	padding: var(--wp--custom--forms--padding-y) var(--wp--custom--forms--padding-x);
	border: 1px solid var(--wp--custom--forms--border);
	border-radius: var(--wp--custom--forms--radius);
	background-color: var(--wp--custom--forms--background);
	color: var(--wp--custom--forms--text);
	font: inherit;
}

.wp-block-search__input {
	border-color: var(--wp--custom--forms--border);
}

.wp-block-search__button {
	margin-inline-start: var(--wp--custom--forms--button-gap);
}

/* -------------------------------------------------------------------------
 * Comments
 * ---------------------------------------------------------------------- */

.wp-block-comment-template {
	padding-inline-start: 0;
	list-style: none;
}

.wp-block-comment-template ol {
	padding-inline-start: var(--wp--custom--comments--indent);
	border-inline-start: 1px solid var(--wp--custom--comments--line);
	list-style: none;
}

/* -------------------------------------------------------------------------
 * Motion
 * ---------------------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {

	*,
	*::before,
	*::after {
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
	}
}