/* SR-only utility */
.dds-sr-only {
	position: absolute !important;
	width: 1px; height: 1px;
	padding: 0; margin: -1px;
	overflow: hidden; clip: rect(0 0 0 0);
	white-space: nowrap; border: 0;
}

.dds-carousel { position: relative; margin:40px 0;}
.dds-carousel__viewport { overflow: hidden; }

.dds-carousel__track {
	display: flex;
	list-style: none;
	padding: 0;
	margin: 0;
	transition: transform 400ms ease-in-out;
	will-change: transform;
}

@media (prefers-reduced-motion: reduce) {
	.dds-carousel__track { transition: none; }
}

.dds-carousel__slide {
	min-width: 100%;
	flex: 0 0 100%;
}

.dds-carousel__controls {
	display: flex;
	gap: .5rem;
	align-items: center;
	justify-content: flex-end;
	margin: 1.5rem 0;
}

.dds-carousel__controls button {
	border: none;
	background: white;
	color:#24285c;
	padding: .35rem .6rem;
	cursor: pointer;
	font-weight: bold;
}

.dds-carousel__controls button:hover {
	font-family: var(--ou-font-body);
	background-color: var(--ou-core-blue-10); 
	color: var(--ou-primary-core-blue); 
	
}

.dds-carousel__controls button:focus {
	outline: transparent solid 2px; 
	outline-offset: 0px; 
	background-color: var(--ou-secondary); 
	color: var(--ou-monochrome-black); 
	text-decoration: none; 
	box-shadow: 0 0 0 2px var(--ou-monochrome-black);
}


/* Optional cue */
.dds-carousel__slide[aria-hidden="true"] { opacity: .6; }