/* Domi WTF Product & Character Viewer Styles */
.domi-product-page {
	width: 100%;
	max-width: var(--domi-shell-width, var(--wp--style--global--wide-size, 1600px));
	--site-max-width: var(--domi-shell-width, 1600px);
	--site-side-padding: 25px;
	margin: 0 auto;
}

/* Product summary styles formerly inherited from the legacy reference sheet. */
.font-families {
	position: relative;
	z-index: 1;
}

.font-family-block {
	position: relative;
}

.font-family-block__wrapper {
}

.font-family-block__list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.font-family-block__label {
	margin-bottom: var(--domi-space-3, 15px);
}

.font-family-block__name {
	margin: 0;
	font-family: var(--domi-font-body, Inter, sans-serif);
	font-size: var(--wp--preset--font-size--large, 1.5rem);
	font-weight: 400;
}

.domi-product-description__heading {
	margin: 0 0 var(--domi-space-3, 15px) 0;
	font-family: var(--domi-font-body, Inter, sans-serif);
	font-size: var(--wp--preset--font-size--large, 1.5rem);
	font-weight: 400;
}

.font-family-block__count {
	margin: var(--domi-space-1, 4px) 0 0;
	color: var(--domi-color-muted, #666);
	font-family: var(--domi-font-data, 'Roboto Mono', monospace);
	font-size: var(--wp--preset--font-size--small, 0.875rem);
	font-variant-numeric: tabular-nums;
}

.font-family-block__list__item {
	padding: var(--domi-space-1, 4px) 0;
	color: var(--domi-color-ink, #000);
	border-bottom: var(--domi-border-width, 1px) solid var(--domi-color-line, #e5e5e5);
	font-size: clamp(1.5rem, 3vw, 1.75rem);
	line-height: 1.4;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
}

/* Paired upright + italic summary rows: two columns on desktop and tablet. */
.font-family-block__list__item--pair {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap: var(--domi-space-4, 1.5rem);
}

/* Configurable summary grid: 1 column (list) or 3-6 columns (flowing grid). */
.font-family-block__list--flow {
	display: grid;
	grid-template-columns: repeat(var(--domi-family-columns, 2), minmax(0, 1fr));
	column-gap: var(--domi-space-4, 1.5rem);
}

.font-family-block__style {
	min-width: 0;
	overflow-wrap: break-word;
	font-family: var(--domi-fs-family, var(--domi-font-body, Inter, sans-serif));
	font-weight: var(--domi-fs-weight, 400);
	font-style: var(--domi-fs-style, normal);
	font-variation-settings: var(--domi-fs-variation, normal);
}

/* Product page section layout */
/* Family + description section uses the same grid language as the lab
   sections: shared gap token, section spacing, heading, and side padding. */
.domi-product-family-info {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: var(--domi-space-4, 1.5rem);
	align-items: start;
	width: 100%;
	max-width: calc(var(--site-max-width, 1600px) + 2 * var(--site-side-padding, 25px));
	margin-left: auto;
	margin-right: auto;
	margin-bottom: var(--domi-space-6, 60px);
}

.domi-product-family-info > .font-families-wrap,
.domi-product-family-info > .domi-product-description {
	min-width: 0;
}

.domi-product-family-info > .font-families-wrap {
	max-width: none;
	padding-right: 0;
}

.domi-product-description {
	box-sizing: border-box;
	width: 100%;
	font-family: var(--domi-font-body, Inter, sans-serif);
}

.domi-product-description > .wp-block-post-content {
	max-width: 100%;
	margin-left: 0;
	margin-right: auto;
	padding-right: var(--domi-space-4, 1.5rem);
}

.domi-product-family-info.is-description-empty {
	grid-template-columns: minmax(0, 1fr);
}

.domi-product-description.is-description-empty {
	display: none;
}

.domi-product-description .wp-block-post-content :where(p, ul, ol, h2, h3, h4) {
	max-width: 100%;
}

.domi-product-description a {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 0.2em;
}

.collection-info,
.domi-variable-font-previewer,
.domi-lab-sections,
.font-families-wrap,
.domi-image-carousel,
.domi-style-preview,
.type-testers {
	box-sizing: border-box;
	width: 100%;
	max-width: calc(var(--site-max-width, 1600px) + 2 * var(--site-side-padding, 25px));
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--site-side-padding, 25px);
	padding-right: var(--site-side-padding, 25px);
}

.collection-info {
	display: flex;
	gap: var(--domi-space-5, 40px);
	margin-bottom: var(--domi-space-6, 60px);
	padding-top: var(--domi-space-5, 40px);
	flex-wrap: wrap;
}

.collection-info__meta {
	flex: 1 1 500px;
	min-width: 300px;
}

.collection-info__buying {
	flex: 0 0 340px;
	min-width: 280px;
	background: var(--domi-color-surface, #f5f5f5);
	border: var(--domi-border-width, 1px) solid var(--domi-color-line, #e5e5e5);
	padding: var(--domi-space-4, 25px);
}

.collection-info__buying > p {
	margin-top: 0;
	margin-bottom: var(--domi-space-3, 15px);
	font-family: var(--domi-font-body, Inter, sans-serif);
	font-size: 0.8125rem;
	font-weight: 700;
}

.domi-variable-font-previewer {
	padding-top: 25px;
	margin-bottom: var(--domi-space-5, 40px);
}

.domi-variable-font-previewer.is-hidden {
	display: none;
}

.domi-lab-sections {
	margin-bottom: var(--domi-space-6, 60px);
}

.font-families-wrap,
.domi-image-carousel {
	margin-bottom: var(--domi-space-5, 40px);
}

.type-testers {
	margin-bottom: 0;
}

.domi-var-toolbar__controls {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	flex: 1;
	min-width: 320px;
	flex-wrap: wrap;
}

.domi-var-toolbar__axes {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	flex: 1;
	flex-wrap: wrap;
}

.domi-var-toolbar__size-row {
	min-width: 150px;
}

.domi-var-toolbar__actions {
	display: flex;
	align-items: center;
	gap: var(--domi-space-2, 0.5rem);
	flex-shrink: 0;
	flex-wrap: wrap;
}

.domi-var-toolbar__button-group {
	display: flex;
	align-items: center;
	gap: 2px;
}

.domi-toolbar-divider {
	color: var(--domi-color-line, #ccc);
	user-select: none;
}

.domi-align-btn,
.domi-mode-btn,
.domi-play-btn {
	font-family: var(--domi-font-body, Inter, sans-serif);
	font-size: 0.6875rem;
	cursor: pointer;
}

.domi-align-btn {
	padding: 6px;
	border: 0;
	background: transparent;
	color: var(--domi-color-muted, #666);
}

.domi-align-btn[data-active="true"] {
	color: var(--domi-color-ink, #000);
}

.domi-mode-btn,
.domi-play-btn {
	padding: 4px 8px;
	border: var(--domi-border-width, 1px) solid var(--domi-color-line, #e5e5e5);
	border-radius: var(--domi-radius-control, 0px);
	background: transparent;
	color: var(--domi-color-muted, #666);
}

.domi-mode-btn[data-active="true"] {
	background: var(--domi-color-ink, #000);
	border-color: var(--domi-color-ink, #000);
	color: var(--domi-color-inverse, #fff);
}

.domi-play-btn {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	color: var(--domi-color-ink, #000);
}

.domi-axis-range::-moz-range-thumb {
	width: 10px;
	height: 10px;
	border: 0;
	border-radius: 50%;
	background: var(--domi-color-ink, #000);
	cursor: pointer;
}

/* Lab sections */
.domi-lab-section-wrapper {
	margin-bottom: var(--domi-space-5, 3rem);
}

.domi-lab-section__heading {
	margin: 0 0 var(--domi-space-4, 1.5rem);
	font-family: var(--domi-font-body, Inter, sans-serif);
	font-size: var(--wp--preset--font-size--large, 1.25rem);
	font-weight: 700;
	text-transform: uppercase;
}

.domi-lab-grid {
	display: grid;
	grid-template-columns: repeat(var(--domi-lab-columns, 3), minmax(0, 1fr));
	gap: var(--domi-space-4, 1.5rem);
}

.domi-lab-grid__cell {
	min-width: 0;
}

.domi-lab-grid__frame {
	display: block;
	width: 100%;
	border: 0;
	background: var(--domi-color-surface, #f5f5f5);
}

/* Named-style testers */
.type-tester {
	font-family: var(--domi-font-body, Inter, sans-serif);
	border-top-color: var(--domi-color-ink, #000);
}

/* Divider overrides — Domi → Global Settings → Single Product Page.
   These win on specificity (0,2,0) and source order against the 0,1,0 rules
   in character-viewer.css and domi-product.css. Each switch removes the line
   only, leaving the padding that framed it in place. */
.domi-div-character-set-off .collection__character-set::before {
	display: none;
}

.domi-div-type-testers-off .type-tester {
	border-top-width: 0;
}

.domi-div-previewer-toolbar-off .domi-var-toolbar {
	border-top-width: 0;
}

.type-tester__name {
	font-family: var(--domi-font-body, Inter, sans-serif);
}

.type-tester__slider__size-label,
.type-tester__align__btn {
	font-family: var(--domi-font-body, Inter, sans-serif);
}

.type-tester__align__btn[data-active="true"] {
	color: var(--domi-color-ink, #000);
}

/* Leading slider + readout. */
.type-tester__leading {
	display: flex;
	align-items: center;
	gap: 0.5em;
	font-family: var(--domi-font-body, Inter, sans-serif);
}

.type-tester__leading__label {
	margin-right: 0.25em;
}

.type-tester__leading input[type="range"] {
	width: 100px;
	height: 2px;
	appearance: none;
	background: var(--domi-color-line, #e5e5e5);
	border: 0;
	padding: 0;
	accent-color: var(--domi-color-ink, #000);
}

.type-tester__leading input[type="range"]::-webkit-slider-thumb {
	width: 10px;
	height: 10px;
	appearance: none;
	border: 0;
	border-radius: 50%;
	background: var(--domi-color-ink, #000);
	cursor: pointer;
}

.type-tester__leading input[type="range"]::-moz-range-thumb {
	width: 10px;
	height: 10px;
	border: 0;
	border-radius: 50%;
	background: var(--domi-color-ink, #000);
	cursor: pointer;
}

.type-tester__leading__val {
	font-family: var(--domi-font-data, 'Roboto Mono', monospace);
	font-variant-numeric: tabular-nums;
	min-width: 3.2em;
}

/* Multi-line specimens start centre-aligned; left and right stay available. */
.type-tester__align {
	display: flex;
	align-items: center;
	gap: 0.25em;
	font-family: var(--domi-font-body, Inter, sans-serif);
}

/* Type tester toolbar layout.
   Three control groups (Size, Leading, Align) do not fit one row at every
   width. Measured, not guessed: the failure mode is OVERLAP, not overflow --
   flex items shrink below their own content instead of overflowing, so scroll
   metrics stay green while controls sit on top of each other. Hence:
     - the toolbar wraps, so the name can drop to its own row rather than
       squeezing the tools;
     - the control groups must not shrink below their content (flex: 0 0 auto);
     - the slider's fixed 200px is smaller than its 213px of content, so it is
       allowed to size itself. */
.type-tester__toolbar {
	flex-wrap: wrap;
	row-gap: 10px;
}

.type-tester__name {
	min-width: 0;
}

.type-tester__toolbar__tools {
	flex-wrap: wrap;
	justify-content: flex-end;
	row-gap: 10px;
}

.type-tester__toolbar__tools > * {
	flex: 0 0 auto;
}

.type-tester__slider {
	width: auto;
}

/* Below 768px the Leading caption is dropped and the sliders narrow. The
   breakpoint is 767 rather than 599 because the 600-768px band would
   otherwise keep the full caption with nothing to absorb it. */
@media (max-width: 767px) {
	.type-tester__leading__label {
		display: none;
	}

	.type-tester__leading input[type="range"] {
		width: 70px;
	}

	.type-tester__slider {
		width: auto;
	}
}

/* Type tester toolbar tools: hidden until the tester is hovered or receives
   keyboard focus. The name, preview text, and Add to Cart CTA are separate
   toolbar siblings and stay visible. */
.type-tester__toolbar__tools {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity var(--domi-motion-duration, 150ms) var(--domi-motion-easing, ease-in-out);
}

.type-tester:hover .type-tester__toolbar__tools,
.type-tester:focus-within .type-tester__toolbar__tools {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

/* Touch devices have no hover; keep the controls always visible. */
@media (hover: none) {
	.type-tester__toolbar__tools {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
	}
}

.domi-size-slider {
	width: 140px;
	height: 2px;
	appearance: none;
	background: var(--domi-color-line, #e5e5e5);
	border-radius: var(--domi-radius-control, 0px);
	accent-color: var(--domi-color-ink, #000);
}

.domi-size-slider::-webkit-slider-thumb {
	width: 10px;
	height: 10px;
	appearance: none;
	border: 0;
	border-radius: 50%;
	background: var(--domi-color-ink, #000);
	cursor: pointer;
}

.domi-size-slider::-moz-range-thumb {
	width: 10px;
	height: 10px;
	border: 0;
	border-radius: 50%;
	background: var(--domi-color-ink, #000);
	cursor: pointer;
}

.domi-size-val {
	font-family: var(--domi-font-data, 'Roboto Mono', monospace);
	font-variant-numeric: tabular-nums;
}

.type-tester__preview-text {
	--domi-tester-lines: 1;
	/* Single source of truth for leading. min-height and line-height both read it,
	   and 1em resolves against the current font-size, so the reserved box tracks
	   the fitted size and the leading with no JS arithmetic. */
	--domi-tester-leading: 1.1;
	min-height: calc(var(--domi-tester-lines) * var(--domi-tester-leading) * 1em + 20px);
	padding: 10px 0;
	font-size: 48px;
	line-height: var(--domi-tester-leading);
	outline: none;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	caret-color: var(--domi-color-ink, #000);
}

/* Scoped to 2/3 lines so the 1-line rendering path is provably unchanged. */
.type-tester[data-lines="2"] .type-tester__preview-text,
.type-tester[data-lines="3"] .type-tester__preview-text {
	overflow-wrap: break-word;
	word-break: normal;
}

.type-tester__preview-text:focus-visible {
	outline: none;
}

/* Responsive Overrides */
@media (max-width: 599px) {
	.font-family-block__list__item--pair,
	.font-family-block__list--flow {
		grid-template-columns: minmax(0, 1fr);
		row-gap: var(--domi-space-1, 0.25rem);
	}
}

@media (max-width: 992px) {
	.domi-lab-grid {
		grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	}
}

@media (max-width: 768px) {
	.domi-product-family-info {
		grid-template-columns: minmax(0, 1fr);
		gap: var(--domi-space-5, 2.5rem);
	}

	.domi-tester-controls {
		flex-direction: column;
		align-items: flex-start;
	}

	.collection-info__buying {
		flex-basis: 100%;
	}

	.domi-var-toolbar__controls,
	.domi-var-toolbar__actions {
		min-width: 100%;
	}

	.domi-var-toolbar__actions {
		justify-content: space-between;
	}
}

@media (max-width: 375px) {
	.domi-product-page {
		padding-left: 1rem !important;
		padding-right: 1rem !important;
	}
}

/* Variable Font Previewer Styles — Domi Theme Match */
.domi-var-preview-box {
	background-color: var(--domi-color-canvas, #ffffff);
	border: var(--domi-border-width, 1px) solid var(--domi-color-ink, #000000);
	border-radius: var(--domi-radius-surface, 0px);
	overflow: hidden;
	color: var(--domi-color-ink, #000000);
	font-family: var(--domi-font-body, var(--wp--preset--font-family--inter, Inter, sans-serif));
}

.domi-var-preview-stage {
	position: relative;
	min-height: 280px;
	padding: 2rem;
	display: flex;
	align-items: center;
	cursor: text;
	text-align: center;
	background-color: var(--domi-color-canvas, #ffffff);
}

.domi-var-preview-text {
	width: 100%;
	font-style: normal;
	line-height: 1.1;
	outline: none;
	box-shadow: none;
	word-break: break-word;
	color: var(--domi-color-ink, #000000);
	caret-color: var(--domi-color-ink, #000);
	transition: font-size 50ms ease;
}

.domi-var-preview-text:focus {
	outline: none;
	box-shadow: none;
}

.domi-var-preview-text:focus-visible {
	outline: none;
}

.domi-var-toolbar {
	border-top: var(--domi-border-width, 1px) solid var(--domi-color-ink, #000000);
	padding: 0.75rem 1rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 1rem;
	width: 100%;
	background: var(--domi-color-canvas, #ffffff);
}

.domi-axis-slider-row {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	flex: 1;
	min-width: 150px;
}

.domi-axis-label {
	font-size: 11px;
	color: var(--domi-color-muted, #666666);
	text-transform: uppercase;
	letter-spacing: 0.1em;
	width: 3.5rem;
	text-align: right;
	flex-shrink: 0;
}

.domi-axis-range {
	flex: 1;
	appearance: none;
	height: 2px;
	background: var(--domi-color-line, #e5e5e5);
	border-radius: var(--domi-radius-control, 0px);
	outline: none;
	background-image: linear-gradient(to right, var(--domi-color-ink, #000000) var(--slider-pct, 0%), var(--domi-color-line, #e5e5e5) var(--slider-pct, 0%));
}

.domi-axis-range::-webkit-slider-thumb {
	appearance: none;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: var(--domi-color-ink, #000000);
	cursor: pointer;
}

.domi-axis-value {
	font-size: 11px;
	color: var(--domi-color-ink, #000000);
	font-family: var(--domi-font-data, var(--wp--preset--font-family--roboto-mono, 'Roboto Mono', monospace));
	min-width: 3.5rem;
	text-align: right;
	font-variant-numeric: tabular-nums;
	flex-shrink: 0;
}

/* Image Gallery Carousel (Section 9) */
.domi-carousel {
	position: relative;
}

.domi-carousel__viewport {
	position: relative;
	overflow: hidden;
}

.domi-carousel__track {
	display: flex;
	gap: var(--carousel-image-padding, var(--domi-space-2, 8px));
	transition: transform 400ms var(--domi-motion-easing, ease-in-out);
}

.domi-carousel__slide {
	flex: 0 0 calc((100% - (var(--carousel-slides, 2) - 1) * var(--carousel-image-padding, 8px)) / var(--carousel-slides, 2));
	min-width: 0;
	box-sizing: border-box;
}

.domi-carousel__slide img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 10;
	object-fit: cover;
	background: var(--domi-color-surface, #f4f4f4);
	border: var(--domi-border-width, 1px) solid var(--domi-color-line, #e5e5e5);
}

.domi-carousel__btn {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 44px;
	height: 44px;
	border-radius: 50%;
	border: var(--domi-border-width, 1px) solid var(--domi-color-line, #e5e5e5);
	background: var(--domi-color-surface-overlay, rgba(255, 255, 255, 0.9));
	color: var(--domi-color-ink, #000);
	font-size: 22px;
	line-height: 1;
	cursor: pointer;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: var(--domi-shadow-carousel, 0 2px 8px rgba(0, 0, 0, 0.15));
	transition: background var(--domi-motion-duration, 150ms) var(--domi-motion-easing, ease-in-out), opacity var(--domi-motion-duration, 150ms) var(--domi-motion-easing, ease-in-out);
}

.domi-carousel__btn:hover:not(:disabled) {
	background: var(--domi-color-ink, #000);
	color: var(--domi-color-inverse, #fff);
}

.domi-carousel__btn:disabled {
	opacity: 0.35;
	cursor: default;
}

.domi-carousel__btn--prev {
	left: var(--carousel-arrow-left, 8px);
}

.domi-carousel__btn--next {
	right: var(--carousel-arrow-right, 8px);
}

.domi-carousel__dots {
	display: flex;
	justify-content: center;
	gap: var(--domi-space-2, 8px);
	margin-top: var(--domi-space-3, 14px);
}

.domi-carousel__dot {
	width: 9px;
	height: 9px;
	padding: 0;
	border-radius: 50%;
	border: var(--domi-border-width, 1px) solid var(--domi-color-disabled, #999);
	background: transparent;
	cursor: pointer;
	transition: background var(--domi-motion-duration, 150ms) var(--domi-motion-easing, ease-in-out);
}

.domi-carousel__dot.is-active {
	background: var(--domi-color-ink, #000);
	border-color: var(--domi-color-ink, #000);
}

/* Style Preview (Section 10) — hover-driven named-styles specimen */
.domi-style-preview {
	margin-bottom: var(--domi-space-5, 40px);
}

.domi-style-preview__layout {
	display: grid;
	grid-template-columns: 15% minmax(0, 1fr);
	gap: var(--domi-space-4, 1.5rem);
	/* Vertically center the style list against the large specimen word */
	align-items: center;
}

.domi-style-preview__list-col {
	min-width: 0;
}

/* Gap between the upright and italic groups in "separate" sort mode */
.domi-style-preview__list + .domi-style-preview__list {
	margin-top: 0.75rem;
}

.domi-style-preview__list {
	list-style: none;
	margin: 0;
	padding: 0;
	font-family: var(--domi-font-body, Inter, sans-serif);
	font-size: 0.8125rem;
	line-height: 1.7;
	color: var(--domi-color-muted, #666);
}

.domi-style-preview__item {
	cursor: pointer;
	transition: color var(--domi-motion-duration, 150ms) var(--domi-motion-easing, ease-in-out);
}

.domi-style-preview__item:hover,
.domi-style-preview__item.is-active {
	color: var(--domi-color-ink, #000);
}

.domi-style-preview__stage {
	min-width: 0;
	/* Contain horizontal overflow without creating a vertical clip:
	   descenders (g, y, ...) paint below the line box and must stay visible. */
	overflow: hidden; /* fallback for browsers without overflow: clip */
	overflow-x: clip;
	overflow-y: visible;
}

.domi-style-preview__word {
	margin: 0;
	/* §10 setting via --domi-sp-size; vw clamp keeps short words inside the column */
	font-size: min(var(--domi-sp-size, 900px), 38vw);
	/* Room for full font extents (ascender + descender > 1.15em for most fonts) */
	line-height: 1.15;
	/* Variable-font smoothness: interpolate axis values between hovered styles */
	transition:
		font-variation-settings 500ms var(--domi-motion-easing, ease),
		font-weight 500ms var(--domi-motion-easing, ease);
}

/* Try Me Indicator */
.type-tester__try-me {
	position: fixed;
	opacity: 0;
	pointer-events: none;
	z-index: 999999;
}

.type-tester__try-me.is-visible {
	opacity: 1;
	transition: opacity 0.15s ease-out;
}

.type-tester__try-me.is-hidden {
	opacity: 0;
	transition: opacity 0.2s ease-in;
}

.type-tester__try-me-pill {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: #1d2327;
	color: #fff;
	padding: 6px 14px;
	border-radius: 20px;
	font-size: 12px;
	font-weight: 600;
	white-space: nowrap;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

@media (max-width: 768px) {
	.domi-carousel__btn {
		width: 36px;
		height: 36px;
		font-size: 18px;
	}

	.domi-style-preview__layout {
		grid-template-columns: 1fr;
		gap: var(--domi-space-3, 14px);
	}

	.domi-style-preview__list {
		display: flex;
		flex-wrap: wrap;
		gap: 0.25rem 1.25rem;
	}

	.domi-style-preview__word {
		font-size: min(var(--domi-sp-size, 900px), 30vw);
	}
}

@media (prefers-reduced-motion: reduce) {
	.domi-carousel__track,
	.domi-carousel__btn,
	.domi-carousel__dot,
	.domi-var-preview-text,
	.domi-style-preview__word,
	.type-tester__toolbar__tools {
		transition: none;
	}
}