.modal {
	opacity: 0;
	z-index: -1;
	pointer-events: none;
	transition: opacity 0.6s, z-index 0s 0.3s;
	position: fixed;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(0, 0, 0, 0.5);
}

.modal__visible {
	opacity: 1;
	z-index: 888;
	pointer-events: auto;
	transition: opacity 0.6s, z-index 0.3s 0s;
}

.item_modal_container {
	width: min(640px, calc(100% - 32px));
	max-height: calc(100% - 32px);
	overflow: auto;
	padding: 24px;
	background: #fff;
	color: #111;
	border-radius: 8px;
}

.item_modal_actions {
	display: flex;
	justify-content: flex-end;
}

.item_modal_title {
	margin: 0 0 16px;
}

.item_modal_content p {
	font-size: 16px;
	line-height: 1.5em;
}

.item_modal_content p:last-child {
margin-bottom:0px;
}