@import "@Themes/constants.scss";

.root {
	display: inline-flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	padding: 24px;
	border: 1px solid var(--color-neutral-200);
	cursor: pointer;

	&:hover {
		background-color: var(--color-neutral-200);
	}

	&[data-selected="true"] {
		background-color: var(--color-neutral-200);
	}

	.left-side {
		display: inline-flex;
		justify-content: space-between;
		align-items: center;
		overflow-wrap: anywhere;
		.warning {
			margin-left: 32px;
		}
	}

	.right-side {
		display: flex;
		align-items: center;
		gap: 16px;
	}
}