.dcc-jfb-shell {
	--dcc-jfb-accent: #ff4d63;
	--dcc-jfb-accent-dark: #da2741;
	--dcc-jfb-ink: #172033;
	--dcc-jfb-muted: #6d7482;
	--dcc-jfb-card-width: min(390px, 72vw);
	position: relative;
	width: 100%;
	min-width: 0;
	padding: 10px 0 58px;
	overflow: hidden;
	isolation: isolate;
}

.dcc-jfb-stage.jet-form-builder-choice {
	position: relative !important;
	display: block !important;
	width: 100% !important;
	min-height: 510px;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	overflow: visible;
	touch-action: pan-y;
}

.dcc-jfb-stage > .dcc-jfb-card.jet-form-builder-choice--item {
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	z-index: 1;
	display: flex !important;
	flex: 0 0 var(--dcc-jfb-card-width) !important;
	flex-direction: column;
	align-items: stretch;
	justify-content: flex-start;
	width: var(--dcc-jfb-card-width) !important;
	min-width: 0 !important;
	min-height: 410px;
	max-height: 460px;
	margin: 0 !important;
	padding: 18px 18px 62px !important;
	box-sizing: border-box;
	border: 1px solid rgba(23, 32, 51, 0.12) !important;
	border-radius: 30px !important;
	background: #fff !important;
	box-shadow: 0 22px 58px rgba(24, 31, 49, 0.14);
	color: var(--dcc-jfb-ink) !important;
	text-align: left;
	cursor: pointer;
	overflow: hidden;
	transform: translate(-50%, -50%) scale(0.68);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: transform 420ms cubic-bezier(0.22, 1, 0.36, 1), opacity 280ms ease, border-color 220ms ease, box-shadow 220ms ease;
	will-change: transform, opacity;
}

.dcc-jfb-stage > .dcc-jfb-card > * {
	position: relative;
	z-index: 2;
	max-width: 100%;
	box-sizing: border-box;
}

.dcc-jfb-stage > .dcc-jfb-card .wp-block-image,
.dcc-jfb-stage > .dcc-jfb-card figure {
	width: 100% !important;
	margin: 0 0 18px !important;
	border-radius: 20px;
	overflow: hidden;
}

.dcc-jfb-stage > .dcc-jfb-card img:not(.jet-form-builder-choice--item-control-img) {
	display: block;
	width: 100%;
	height: 235px;
	max-height: 235px;
	object-fit: cover;
	border-radius: 20px;
}

.dcc-jfb-stage > .dcc-jfb-card h1,
.dcc-jfb-stage > .dcc-jfb-card h2,
.dcc-jfb-stage > .dcc-jfb-card h3,
.dcc-jfb-stage > .dcc-jfb-card h4,
.dcc-jfb-stage > .dcc-jfb-card h5,
.dcc-jfb-stage > .dcc-jfb-card h6,
.dcc-jfb-stage > .dcc-jfb-card strong {
	margin-top: 0;
	color: var(--dcc-jfb-ink);
	font-weight: 750;
	line-height: 1.16;
}

.dcc-jfb-stage > .dcc-jfb-card p {
	margin-top: 8px;
	margin-bottom: 0;
	color: var(--dcc-jfb-muted);
	font-size: 14px;
	line-height: 1.55;
}

.dcc-jfb-stage > .dcc-jfb-card .jet-form-builder-choice--item-control {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.dcc-jfb-stage > .dcc-jfb-card input[type="radio"],
.dcc-jfb-stage > .dcc-jfb-card input[type="checkbox"] {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	margin: -1px !important;
	padding: 0 !important;
	border: 0 !important;
	clip: rect(0 0 0 0) !important;
	clip-path: inset(50%) !important;
	opacity: 0 !important;
	overflow: hidden !important;
	white-space: nowrap !important;
}

.dcc-jfb-stage > .dcc-jfb-card.dcc-jfb-offset-minus-2 {
	z-index: 1;
	transform: translate(-146%, -50%) scale(0.68) rotateY(6deg);
	opacity: 0.28;
	visibility: visible;
	pointer-events: auto;
}

.dcc-jfb-stage > .dcc-jfb-card.dcc-jfb-offset-minus-1 {
	z-index: 2;
	transform: translate(-102%, -50%) scale(0.83) rotateY(4deg);
	opacity: 0.7;
	visibility: visible;
	pointer-events: auto;
}

.dcc-jfb-stage > .dcc-jfb-card.dcc-jfb-offset-center {
	z-index: 5;
	transform: translate(-50%, -50%) scale(1);
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

.dcc-jfb-stage > .dcc-jfb-card.dcc-jfb-offset-plus-1 {
	z-index: 2;
	transform: translate(2%, -50%) scale(0.83) rotateY(-4deg);
	opacity: 0.7;
	visibility: visible;
	pointer-events: auto;
}

.dcc-jfb-stage > .dcc-jfb-card.dcc-jfb-offset-plus-2 {
	z-index: 1;
	transform: translate(46%, -50%) scale(0.68) rotateY(-6deg);
	opacity: 0.28;
	visibility: visible;
	pointer-events: auto;
}

.dcc-jfb-stage > .dcc-jfb-card.dcc-jfb-offset-hidden {
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
}

.dcc-jfb-stage > .dcc-jfb-card.is-checked {
	border-color: var(--dcc-jfb-accent) !important;
	box-shadow: 0 22px 60px rgba(255, 77, 99, 0.22);
}

.dcc-jfb-stage > .dcc-jfb-card:focus-visible {
	outline: 3px solid rgba(255, 77, 99, 0.34);
	outline-offset: 4px;
}

.dcc-jfb-check {
	position: absolute !important;
	right: 18px;
	bottom: 18px;
	z-index: 6 !important;
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	border: 1px solid rgba(23, 32, 51, 0.15);
	border-radius: 50%;
	background: #fff;
	color: var(--dcc-jfb-ink);
	font-size: 22px;
	font-weight: 400;
	line-height: 1;
	transition: transform 200ms ease, background 200ms ease, border-color 200ms ease, color 200ms ease;
}

.dcc-jfb-card.is-checked .dcc-jfb-check {
	border-color: var(--dcc-jfb-accent);
	background: var(--dcc-jfb-accent);
	color: #fff;
	transform: rotate(45deg);
}

.dcc-jfb-arrow {
	position: absolute;
	top: 244px;
	z-index: 12;
	display: grid;
	place-items: center;
	width: 46px;
	height: 46px;
	padding: 0;
	border: 1px solid rgba(23, 32, 51, 0.13);
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.94);
	box-shadow: 0 9px 26px rgba(24, 31, 49, 0.12);
	color: var(--dcc-jfb-ink);
	font: inherit;
	font-size: 22px;
	line-height: 1;
	cursor: pointer;
	transition: transform 180ms ease, background 180ms ease, color 180ms ease;
}

.dcc-jfb-arrow:hover,
.dcc-jfb-arrow:focus-visible {
	background: var(--dcc-jfb-accent);
	color: #fff;
	transform: scale(1.06);
}

.dcc-jfb-arrow:focus-visible {
	outline: 3px solid rgba(255, 77, 99, 0.3);
	outline-offset: 3px;
}

.dcc-jfb-arrow:disabled {
	opacity: 0.32;
	cursor: not-allowed;
}

.dcc-jfb-arrow-prev {
	left: max(14px, 4%);
}

.dcc-jfb-arrow-next {
	right: max(14px, 4%);
}

.dcc-jfb-status {
	position: absolute;
	left: 50%;
	bottom: 34px;
	z-index: 10;
	display: flex;
	align-items: center;
	gap: 9px;
	color: var(--dcc-jfb-muted);
	font-size: 12px;
	font-variant-numeric: tabular-nums;
	letter-spacing: 0.12em;
	transform: translateX(-50%);
}

.dcc-jfb-status-current {
	color: var(--dcc-jfb-ink);
	font-weight: 700;
}

.dcc-jfb-status i {
	display: block;
	width: 42px;
	height: 1px;
	background: rgba(23, 32, 51, 0.2);
}

.dcc-jfb-help {
	position: absolute;
	left: 50%;
	bottom: 5px;
	z-index: 10;
	width: max-content;
	max-width: calc(100% - 30px);
	margin: 0;
	color: var(--dcc-jfb-muted);
	font-size: 12px;
	line-height: 1.35;
	text-align: center;
	transform: translateX(-50%);
}

.dcc-jfb-limit-reached .dcc-jfb-offset-center {
	animation: dcc-jfb-limit 320ms ease;
}

@keyframes dcc-jfb-limit {
	0%, 100% { transform: translate(-50%, -50%) scale(1); }
	35% { transform: translate(-52%, -50%) scale(1); }
	70% { transform: translate(-48%, -50%) scale(1); }
}

@media (max-width: 767px) {
	.dcc-jfb-shell {
		--dcc-jfb-card-width: min(315px, 78vw);
		padding-bottom: 48px;
	}

	.dcc-jfb-stage.jet-form-builder-choice {
		min-height: 445px;
	}

	.dcc-jfb-stage > .dcc-jfb-card.jet-form-builder-choice--item {
		min-height: 360px;
		max-height: 400px;
		padding: 14px 14px 56px !important;
		border-radius: 24px !important;
	}

	.dcc-jfb-stage > .dcc-jfb-card img:not(.jet-form-builder-choice--item-control-img) {
		height: 195px;
		max-height: 195px;
		border-radius: 16px;
	}

	.dcc-jfb-stage > .dcc-jfb-card.dcc-jfb-offset-minus-2 {
		transform: translate(-145%, -50%) scale(0.64);
		opacity: 0.18;
	}

	.dcc-jfb-stage > .dcc-jfb-card.dcc-jfb-offset-minus-1 {
		transform: translate(-105%, -50%) scale(0.8);
		opacity: 0.55;
	}

	.dcc-jfb-stage > .dcc-jfb-card.dcc-jfb-offset-plus-1 {
		transform: translate(5%, -50%) scale(0.8);
		opacity: 0.55;
	}

	.dcc-jfb-stage > .dcc-jfb-card.dcc-jfb-offset-plus-2 {
		transform: translate(45%, -50%) scale(0.64);
		opacity: 0.18;
	}

	.dcc-jfb-arrow {
		top: 211px;
		width: 40px;
		height: 40px;
		font-size: 19px;
	}

	.dcc-jfb-arrow-prev {
		left: 8px;
	}

	.dcc-jfb-arrow-next {
		right: 8px;
	}

	.dcc-jfb-help {
		display: none;
	}

	.dcc-jfb-status {
		bottom: 16px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.dcc-jfb-stage > .dcc-jfb-card,
	.dcc-jfb-arrow,
	.dcc-jfb-check {
		transition-duration: 0.01ms !important;
	}
}