.pca-btb-advertisement {
	--pca-ad-radius: var(--btb-border-radius, 16px);
	--pca-ad-transition: 520ms;
	--pca-ad-label: rgba(255, 255, 255, .34);
	--pca-ad-dot: rgba(255, 255, 255, .23);
	--pca-ad-dot-active: rgba(255, 255, 255, .40);
	position: relative;
	width: 100%;
	isolation: isolate;
}

.pca-btb-advertisement *,
.pca-btb-advertisement *::before,
.pca-btb-advertisement *::after {
	box-sizing: border-box;
}

.pca-btb-advertisement__viewport {
	position: relative;
	width: 100%;
	height: 100%;
	aspect-ratio:12/1;
	overflow: hidden;
	border-radius: var(--pca-ad-radius);
	background: #151026;
	transform: translateZ(0);
}

.pca-btb-advertisement__track,
.pca-btb-advertisement__slide,
.pca-btb-advertisement__link,
.pca-btb-advertisement__picture {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
}

.pca-btb-advertisement__slide {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition:
		opacity var(--pca-ad-transition) ease,
		visibility 0s linear var(--pca-ad-transition);
}

.pca-btb-advertisement__slide.is-active {
	z-index: 2;
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transition-delay: 0s;
}

.pca-btb-advertisement__link {
	overflow: hidden;
	border-radius: inherit;
}

.pca-btb-advertisement__link:focus-visible {
	outline: 3px solid #fff;
	outline-offset: -5px;
}

.pca-btb-advertisement__image {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	object-fit: cover;
	object-position: center;
	border-radius: inherit;
	transition: transform 450ms cubic-bezier(.22, 1, .36, 1);
}

.pca-btb-advertisement__footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	padding: 19px 2px 0;
}

.pca-btb-advertisement__label {
	margin: 0 !important;
	color: var(--pca-ad-label) !important;
	font-family: 'owners-xwide', sans-serif;
	font-size: 13px;
	font-weight: 400;
	line-height: 1;
	letter-spacing: .1em;
	text-transform: uppercase;
	padding: 0px;
}

.pca-btb-advertisement__dots {
	display: flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: flex-end;
	gap: 5px;
}

html body .pca-btb-advertisement__dot {
	position: relative;
	width: 14px;
	height: 14px;
	min-width: 14px;
	min-height: 14px;
	padding: 0;
	border: 2px solid var(--pca-ad-dot);
	border-radius: 999px !important;
	background: transparent;
	box-shadow: none;
	cursor: pointer;
	appearance: none;
	transition:
		background-color 200ms ease,
		border-color 200ms ease,
		transform 200ms ease;
}

html body .pca-btb-advertisement__dot.is-active {
	border-color: transparent;
	background: var(--pca-ad-dot-active);
}

html body .pca-btb-advertisement__dot:hover,
html body .pca-btb-advertisement__dot:focus-visible {
	transform: scale(1.08);
}

html body .pca-btb-advertisement__dot:focus-visible {
	outline: 2px solid rgba(255, 255, 255, .75);
	outline-offset: 3px;
}

.pca-btb-advertisement--single .pca-btb-advertisement__footer {
	justify-content: flex-start;
}

.pca-btb-advertisement-editor-notice {
	padding: 18px 20px;
	border: 1px dashed #8c8f94;
	background: #fff;
	color: #1d2327;
}

/*
 * Swipeable rail below the desktop breakpoint.
 * JS adds .is-rail when the shared rail utility takes over; without JS the
 * original crossfade styling remains as the fallback.
 */
@media (max-width: 999px) {
	.pca-btb-advertisement.is-rail .pca-btb-advertisement__viewport {
		display: block;
		overflow-x: auto;
		overflow-y: hidden;
		scroll-snap-type: x proximity;
		overscroll-behavior-inline: contain;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
		outline: none;
	}

	.pca-btb-advertisement.is-rail .pca-btb-advertisement__viewport::-webkit-scrollbar {
		display: none;
	}

	.pca-btb-advertisement.is-rail .pca-btb-advertisement__viewport.is-dragging {
		scroll-snap-type: none;
		cursor: grabbing;
	}

	.pca-btb-advertisement.is-rail .pca-btb-advertisement__track {
		position: relative;
		inset: auto;
		display: flex;
		width: 100%;
		height: 100%;
	}

	.pca-btb-advertisement.is-rail .pca-btb-advertisement__slide {
		position: relative;
		inset: auto;
		flex: 0 0 100%;
		min-width: 100%;
		height: 100%;
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		scroll-snap-align: center;
		transition: none;
	}

	.pca-btb-advertisement__label {
    font-size: 11px;
}

html body .pca-btb-advertisement__dot {
    width: 12px;
    height: 12px;
    min-width: 12px;
    min-height: 12px;
}
}

@media (max-width: 690px) {
	.pca-btb-advertisement {
		--pca-ad-radius: 14px;
	}

		.pca-btb-advertisement__viewport {
		height: 100%;
		width:100%;
		aspect-ratio: 2.45 / 1;
	}

	.pca-btb-advertisement__footer {
		gap: 15px;
		min-height: 33px;
		padding-top: 14px;
	}

	.pca-btb-advertisement__label {
		font-size: 11px;
		letter-spacing: .025em;
	}

	html body .pca-btb-advertisement__dot {
		/* width: 17px; */
		/* height: 17px; */
		/* min-width: 17px; */
		/* min-height: 17px; */
	}

	.pca-btb-advertisement__dots {
		gap: 8px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.pca-btb-advertisement__slide,
	.pca-btb-advertisement__image,
	html body .pca-btb-advertisement__dot {
		transition: none;
	}
}