fxjs-deck {
	display: block;
	position: relative;
	height: 66vh;
	overflow: hidden;
	border-radius: 1.5rem;
}

fxjs-deck content {
	display: flex;
	position: relative;
	height: 100%;
	overflow-x: auto;
	gap: 1.25rem;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: thin;
	/* Firefox */
	-ms-overflow-style: none;
	/* IE/Edge */
}

fxjs-deck content>div:not(img) {
	min-width: 100%;
	height: 100%;
	scroll-snap-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 2rem;
	color: white;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
	background-size: cover;
	background-position: center;
	object-fit: contain;
	position: relative;
}

fxjs-deck content>img {
	max-width: 100%;
	height: 100%;
	scroll-snap-align: center;
	border-radius: 1.5rem;
	object-fit: contain;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
	transition: transform 0.3s;
}

fxjs-deck controls {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

fxjs-deck controls button {
	position: absolute;
	height: 100%;
	width: 4.5rem;
	padding: 0;
	border: none;
	color: #fff;
	font-size: 2rem;
	font-weight: bolder;
	cursor: pointer;
	z-index: 2;
}

fxjs-deck controls button.left {
	background: linear-gradient(90deg, #0002, #0000);
	left: 0;
}

fxjs-deck controls button.right {
	background: linear-gradient(270deg, #0002, #0000);
	right: 0;
}

fxjs-deck controls button svg {
	padding: 0.75rem;
	border-radius: 100%;
	backdrop-filter: blur(1rem) brightness(.85);
	fill: #fff;
	width: 1.5rem;
	height: 1.5rem;
}

/* fxjs-deck {
	position: relative;
	width: 100%;
	height: 66vh;
	scroll-snap-type: x mandatory;
	display: grid;
	grid-auto-flow: column;
	grid-template-rows: 100%;
	overflow: scroll hidden;
	scrollbar-width: thin;
}

fxjs-deck img {
	height: 100%;
	margin: auto;
	object-fit: contain;
	scroll-snap-align: center;
} */



#architectContent-Edit.preview {
	background: none;
	box-shadow: none;
}

#architectContent-Edit.preview form > :not(label) {
	visibility: hidden;
}