.ct-nestable-shortcode:has(> .sportacao-carousel),
.ct-shortcode:has(> .sportacao-carousel),
.oxy-shortcode:has(> .sportacao-carousel),
.sportacao-carousel-host {
	align-self: stretch;
	display: block;
	min-width: 0;
	width: 100%;
}

.sportacao-carousel {
	--sportacao-control-bg: rgb(8 18 15 / 72%);
	--sportacao-control-fg: #fff;
	--sportacao-focus: #f6c744;
	--sportacao-radius: 0px;
	--sportacao-transition-duration: 600ms;
	--sportacao-bullet-offset-top: 24px;
	--sportacao-bullet-offset-bottom: 24px;
	--sportacao-bullet-background-rgb: 8 18 15;
	--sportacao-bullet-background-opacity: .72;
	--sportacao-drag-offset: 0px;
	aspect-ratio: 2080 / 772;
	background: #0b1815;
	isolation: isolate;
	position: relative;
	width: 100%;
}

.sportacao-carousel__viewport {
	border-radius: var(--sportacao-radius);
	clip-path: inset(0 round var(--sportacao-radius));
	contain: paint;
	overflow: hidden;
	position: relative;
	touch-action: pan-y;
	user-select: none;
}

.sportacao-carousel__viewport,
.sportacao-carousel__slide,
.sportacao-carousel__slide > a,
.sportacao-carousel__slide img {
	height: 100%;
	width: 100%;
}

.sportacao-carousel__slide {
	inset: 0;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	transform: scale(1.015);
	transition: opacity var(--sportacao-transition-duration) ease, transform var(--sportacao-transition-duration) cubic-bezier(.2, .75, .25, 1);
}

.sportacao-carousel__slide.is-active {
	opacity: 1;
	pointer-events: auto;
	transform: scale(1);
	z-index: 1;
}

.sportacao-carousel--slide .sportacao-carousel__slide {
	opacity: 1;
	transform: translateX(calc((var(--sportacao-slide-offset) * 100%) + var(--sportacao-drag-offset)));
	transition: transform var(--sportacao-transition-duration) cubic-bezier(.2, .75, .25, 1);
}

.sportacao-carousel--slide .sportacao-carousel__viewport {
	cursor: grab;
}

.sportacao-carousel--slide.is-dragging .sportacao-carousel__viewport {
	cursor: grabbing;
}

.sportacao-carousel--slide.is-dragging .sportacao-carousel__slide {
	transition: none;
	will-change: transform;
}

.sportacao-carousel__slide > a {
	display: block;
	-webkit-user-drag: none;
}

.sportacao-carousel__slide img {
	display: block;
	pointer-events: none;
	object-fit: cover;
}

.sportacao-carousel__arrow {
	align-items: center;
	backdrop-filter: blur(10px);
	background: var(--sportacao-control-bg);
	border: 1px solid rgb(255 255 255 / 20%);
	border-radius: 999px;
	color: var(--sportacao-control-fg);
	cursor: pointer;
	display: flex;
	font: 400 24px/1 system-ui, sans-serif;
	height: 48px;
	justify-content: center;
	opacity: .86;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	transition: background-color 180ms ease, opacity 180ms ease, transform 180ms ease;
	width: 48px;
	z-index: 3;
}

.sportacao-carousel[data-show-bullet-background="false"] .sportacao-carousel__pagination {
	backdrop-filter: none;
	background: transparent;
	border-color: transparent;
}

.sportacao-carousel__arrow:hover {
	background: rgb(8 18 15 / 92%);
	opacity: 1;
}

.sportacao-carousel__arrow--previous {
	left: clamp(12px, 2.4vw, 36px);
}

.sportacao-carousel__arrow--next {
	right: clamp(12px, 2.4vw, 36px);
}

.sportacao-carousel[data-arrow-position="outside"] .sportacao-carousel__arrow--previous {
	left: -60px;
}

.sportacao-carousel[data-arrow-position="outside"] .sportacao-carousel__arrow--next {
	right: -60px;
}

.sportacao-carousel[data-show-arrows="false"] .sportacao-carousel__arrow {
	display: none;
}

.sportacao-carousel__pagination {
	align-items: center;
	backdrop-filter: blur(10px);
	background: rgb(var(--sportacao-bullet-background-rgb) / var(--sportacao-bullet-background-opacity));
	border: 1px solid rgb(255 255 255 / 16%);
	border-radius: 999px;
	bottom: var(--sportacao-bullet-offset-bottom);
	display: flex;
	gap: 7px;
	left: 50%;
	padding: 8px 10px;
	position: absolute;
	transform: translateX(-50%);
	z-index: 3;
}

.sportacao-carousel[data-show-bullets="false"] .sportacao-carousel__pagination {
	display: none;
}

.sportacao-carousel[data-bullet-position^="top-"] .sportacao-carousel__pagination {
	bottom: auto;
	top: var(--sportacao-bullet-offset-top);
}

.sportacao-carousel[data-bullet-position$="-left"] .sportacao-carousel__pagination {
	left: clamp(10px, 2vw, 24px);
	transform: none;
}

.sportacao-carousel[data-bullet-position$="-right"] .sportacao-carousel__pagination {
	left: auto;
	right: clamp(10px, 2vw, 24px);
	transform: none;
}

.sportacao-carousel__bullet {
	background: rgb(255 255 255 / 55%);
	border: 0;
	border-radius: 999px;
	cursor: pointer;
	height: 7px;
	margin: 0;
	padding: 0;
	transition: background-color 180ms ease, width 220ms ease;
	width: 7px;
}

.sportacao-carousel__bullet.is-active {
	background: #fff;
	width: 24px;
}

.sportacao-carousel :is(button, a):focus-visible {
	outline: 3px solid var(--sportacao-focus);
	outline-offset: 3px;
}

@media (max-width: 640px) {
	.sportacao-carousel__arrow {
		height: 40px;
		width: 40px;
	}

	.sportacao-carousel[data-arrow-position="outside"] .sportacao-carousel__arrow--previous {
		left: 8px;
	}

	.sportacao-carousel[data-arrow-position="outside"] .sportacao-carousel__arrow--next {
		right: 8px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.sportacao-carousel__slide,
	.sportacao-carousel__arrow,
	.sportacao-carousel__bullet {
		transition: none;
	}
}