.modal-tournament {
	width: 100%;
	max-width: 360px;
	padding: 80px 24px 24px 24px;
	border-radius: 0;
	color: var(--mirage-950);
	background-color: var(--white);
	border-top: 6px solid var(--pastel-green-500);
}

.modal-tournament .popup__close {
	top: 24px;
	right: 24px;
	background-size: 24px;
	background-color: transparent;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE4IDZMNiAxOE02IDZMMTggMTgiIHN0cm9rZT0iIzFEMjIyRiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
}

.modal-tournament-img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.modal-tournament-title {
	font-size: 20px;
	font-weight: 600;
	line-height: 24px;
	margin-top: 24px;
	margin-bottom: 16px;
}

.modal-tournament-lists {
	text-align: left;
	min-height: 155px;
}

.modal-tournament-lists li {
	display: flex;
	align-items: center;
	gap: 8px;
}

.modal-tournament-lists li .icon {
	flex-shrink: 0;
	font-size: 24px;
}

.modal-tournament-lists li:not(:last-child) {
	margin-bottom: 16px;
}

.modal-tournament-content {
	line-height: 26px;
	min-height: 155px;
}

.modal-tournament .button {
	width: 100%;
	margin-top: 10px;
}

@media (min-width: 576px) {
	.modal-tournament {
		min-width: 360px;
	}
}