.wp-block-caltrout-content-carousel {
	position: relative;
	overflow: hidden;
}

.wp-block-caltrout-content-carousel > .wp-block-caltrout-carousel-slide[hidden] {
	display: none;
}

.ct-content-carousel__controls {
	position: absolute;
	z-index: 10;
	right: clamp(1rem, 5vw, 5rem);
	bottom: clamp(1rem, 4vw, 3.5rem);
	display: grid;
	grid-template-columns: auto auto;
	gap: 0.5rem;
}

.ct-content-carousel__counter {
	grid-column: 1 / -1;
	color: #fff;
	font-size: 0.75rem;
	letter-spacing: 0.08em;
	text-align: right;
}

.ct-content-carousel__button {
	display: grid;
	width: 3rem;
	height: 3rem;
	padding: 0;
	place-items: center;
	border: 1px solid rgb(255 255 255 / 0.65);
	border-radius: 0;
	background: rgb(10 27 38 / 0.4);
	color: #fff;
	font: inherit;
	cursor: pointer;
}

.ct-content-carousel__button:hover,
.ct-content-carousel__button:focus-visible {
	background: #fff;
	color: var(--wp--preset--color--ink-2, #0a1b26);
}

.ct-content-carousel-editor {
	position: relative;
	min-height: 12rem;
	outline: 1px dashed color-mix(in srgb, currentColor 35%, transparent);
}

.ct-content-carousel-editor .wp-block-caltrout-carousel-slide.is-editor-hidden {
	display: none;
}

.ct-content-carousel-editor__status {
	padding: 0.5rem 0.75rem;
	background: #1e1e1e;
	color: #fff;
	font-size: 0.75rem;
	text-align: center;
}

.ct-content-carousel-editor__slide-selector {
	margin: 0 0.4rem 0.4rem 0;
}