[data-state=closed] {
	opacity: 0;
	pointer-events: none;
}

.modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #eceef5;
	padding: 8px;
	z-index: 1000;
	overflow-y: auto;
}

.close {
	border: none;
	border-radius: 0;
	position: relative;
	z-index: 10;
	background: none;
}

.modal .header {
	display: flex;
	align-items: center;
	gap: 8px;
}