.roulette-modal .legal-oops {
	padding: 0;
	overflow: hidden;
	position: relative;

	height: 100vh;
	
	background: none;
	border: none;
	border-radius: 0;
}

.roulette-close {
	position: absolute;
	top: 5%;
	right: 5%;
	cursor: pointer;
}

.roulette-close:before {
	display: block;
	content: "\F10E";
	color: var(--Base-base-04);
	font-family: var(--legal-font-icons);
	font-size: 24px;
	line-height: 24px;
}

@media screen and ( min-width: 768px ) {
  .roulette-modal .legal-oops {
		/* width: 711px; */
		width: 100%;
		align-items: center;
		justify-content: center;
	}

	/* .roulette-modal .legal-oops:has( .roulette-list__item.active ) {
		width: 900px;
		align-items: center;
	} */
}

@media screen and ( max-width: 767px ) { 
	.roulette-modal {
		margin-left: -15px;
		margin-right: -15px;
	}

	.roulette-modal .legal-oops {
    align-self: flex-end;
		justify-content: flex-end;
  }
}