/* Align the visible dot 24px from the bottom while retaining its 44px hit area. */
.tooto-capabilities-carousel { --tooto-cc-nav-bottom: max(0px, calc(24px - (44px - var(--tooto-cc-nav-dot-size)) / 2)); --tooto-cc-link-spacing: 12px; }
.tooto-capabilities-carousel__slide { min-height: 400px; }
.tooto-capabilities-carousel[data-tooto-carousel-ready] .tooto-capabilities-carousel__viewport { height: 400px; }
.tooto-capabilities-carousel .tooto-capabilities-carousel__navigation .tooto-capabilities-carousel__arrow { display: none; }
.tooto-capabilities-carousel[data-tooto-carousel-ready] .tooto-capabilities-carousel__caption {
	width: calc(100% - var(--tooto-cc-left) - var(--tooto-cc-right));
	max-width: var(--tooto-cc-copy-width);
	bottom: max(var(--tooto-cc-bottom), calc(var(--tooto-cc-nav-bottom) + var(--tooto-cc-navigation-height, 44px) + 16px + env(safe-area-inset-bottom)));
	max-height: calc(100% - var(--tooto-cc-top) - max(var(--tooto-cc-bottom), var(--tooto-cc-nav-bottom) + var(--tooto-cc-navigation-height, 44px) + 16px + env(safe-area-inset-bottom)));
}
.tooto-capabilities-carousel__navigation { left: max(24px, env(safe-area-inset-left), env(safe-area-inset-right)); right: max(24px, env(safe-area-inset-left), env(safe-area-inset-right)); justify-content: center; max-width: none; }

.tooto-capabilities-carousel__pagination { justify-content: center; }

.tooto-capabilities-carousel__link { font-size: 14px; }