/* Register card with growing width */
.gds-register__card {
	display: flex;
	padding: 0;
	overflow: hidden;

	/* let content decide width */
	width: auto;
	max-width: 100%;
}

/* Left image panel */
.gds-register__side {
	position: relative;
	background: var(--global-palette2);

	width: 260px;
	flex: 0 0 260px;

	overflow: hidden;
}

/* Cover-style image */
.gds-register__sideimg {
	position: absolute;
	inset: 0;

	width: 120%;
	height: 120%;

	object-fit: cover;
	object-position: 10% center;

	display: block;
}

/* Right form panel */
.gds-register__main {
	padding: 22px;

	/* preserve form size */
	width: 520px;
	min-width: 520px;
}

/* Mobile: stack */
@media (max-width: 760px) {
	.gds-register__card {
		flex-direction: column;
	}

	.gds-register__side {
		width: auto;
		flex: 0 0 auto;
		padding: 18px;
	}

	.gds-register__main {
		width: auto;
		min-width: 0;
	}
}