.root {
	display: flex;
	flex-direction: column;
	gap: 24px;
	padding: 24px;
	flex: 1;
	min-height: 0;
	overflow: hidden;
}

.title {
	font-size: 20px;
	font-weight: 600;
	color: var(--gray-12);
	margin: 0;
}

.scrollArea {
	flex: 1;
	min-height: 0;
	overflow-y: auto;
	container-type: size;
}

.footer {
	display: flex;
	justify-content: space-between;
	padding-top: 16px;
	border-top: 1px solid var(--gray-6);
}

.error {
	color: var(--color-danger);
	font-size: 13px;
	margin: 0;
}
