/* Figma 1223:25784: half-scale mobile layout; the native controls supply dimensions and colors. */
/* Blocksy also constrains the native boxed container to 90%; the mobile track spans the screen. */
.tooto-engineering-carousel { width: 100vw; margin-inline: calc(50% - 50vw); overflow: clip; }
.tooto-engineering-carousel__viewport > .swiper-wrapper { align-items: flex-start; }
.tooto-engineering-carousel__image::after { display: none; }
.tooto-engineering-carousel__caption { position: static; align-items: center; margin-top: var(--tooto-engineering-caption-offset, 16px); padding: 0; }
.tooto-engineering-carousel__copy { flex-shrink: 0; max-width: none; max-height: none; overflow: visible; }
.tooto-engineering-carousel__body { grid-column: 2; }
.tooto-engineering-carousel__action { display: none; }
.tooto-engineering-carousel[data-tooto-ready] .tooto-engineering-carousel__pagination {
	display: flex; justify-content: center; gap: 5px;
	margin-top: var(--tooto-engineering-pagination-spacing, 16px);
}
.tooto-engineering-carousel .tooto-engineering-carousel__dot {
	position: relative; display: block; width: 5px; min-width: 0; height: 5px; min-height: 0;
	padding: 0; border: 0; border-radius: 0; box-shadow: none; background: transparent; cursor: pointer;
}
.tooto-engineering-carousel__dot::before {
	content: ''; display: block; width: 100%; height: 100%;
	background: var(--tooto-engineering-pagination-color, #d9d9d9);
	mask: url('../svg/engineering-carousel/pagination-dot.svg') center / 100% 100% no-repeat;
}
.tooto-engineering-carousel__dot[aria-current="true"]::before { background: var(--tooto-engineering-pagination-active-color, #000); }
/* Keep the exported 5px dots while extending their hit area into the surrounding whitespace. */
.tooto-engineering-carousel__dot::after { content: ''; position: absolute; inset: -10px -2.5px; }
.tooto-engineering-carousel .tooto-engineering-carousel__dot:focus-visible { outline-offset: 3px; }