#popupRoulette .modal-dialog {
	 max-width: 736px;
}
 #popupRoulette .modal-dialog .modal-content {
	 max-width: 736px;
	 border-radius: 4px;
	 background: var(--General-Bg-bg_popup, #232834);
	 box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.80);
	 padding: 16px;
}
 @media screen and (max-width: 768px) {
	 #popupRoulette .modal-dialog .modal-content {
		 padding: 4px 12px 16px;
	}
}
 #popupRoulette .modal-dialog .modal-content .modal-header {
	 padding: 0;
	 border: none;
	 position: absolute;
	 right: 16px;
	 height: 24px;
	 color: var(--General-Text-and-icon-color1, #fff);
	 font-size: 24px;
	 font-style: normal;
	 font-weight: 500;
	 line-height: 28px;
	 margin-bottom: 8px;
}
 @media screen and (max-width: 768px) {
	 #popupRoulette .modal-dialog .modal-content .modal-header {
		 font-size: 16px;
		 line-height: 22px;
	}
}
 #popupRoulette .modal-dialog .modal-content .modal-header .close-icon {
	 position: relative;
	 right: 0;
	 cursor: pointer;
	 z-index: 1;
}
 #popupRoulette .modal-dialog .modal-content .modal-header .close-icon svg path {
	 transition: 0.2s;
}
 #popupRoulette .modal-dialog .modal-content .modal-header .close-icon:hover svg path {
	 stroke: #fff;
}
 #popupRoulette .modal-dialog .modal-content .modal-body {
	 padding: 0;
	 display: flex;
	 align-items: center;
	 gap: 16px;
}
 @media screen and (max-width: 768px) {
	 #popupRoulette .modal-dialog .modal-content .modal-body {
		 flex-direction: column;
		 gap: var(--Margin_Padding_Gap-8, 8px);
	}
}
 #popupRoulette .modal-dialog .modal-content .modal-body .roulette-image {
	 width: auto;
	 max-width: 336px;
	 height: 336px;
}
 @media screen and (max-width: 768px) {
	 #popupRoulette .modal-dialog .modal-content .modal-body .roulette-image {
		 max-width: 200px;
		 height: 200px;
	}
}
 #popupRoulette .modal-dialog .modal-content .modal-body .roulette-image img {
	 width: auto;
	 max-width: 336px;
	 height: 336px;
	 object-fit: cover;
}
 @media screen and (max-width: 768px) {
	 #popupRoulette .modal-dialog .modal-content .modal-body .roulette-image img {
		 max-width: 200px;
		 height: 200px;
		 
	}
}
 #popupRoulette .modal-dialog .modal-content .modal-body .roulette-title {
	 color: var(--General-Text-and-icon-color1, #fff);
	 font-size: 36px;
	 font-style: normal;
	 font-weight: 500;
	 line-height: 42px;
	 margin-bottom: 8px;
}
#popupRoulette .modal-dialog .modal-content .modal-body .roulette-text p {
	color: #fff;
	margin-bottom: 12px;
}
 @media screen and (max-width: 768px) {
	 #popupRoulette .modal-dialog .modal-content .modal-body .roulette-title {
		 font-size: 16px;
		 line-height: 22px;
	}
}
 #popupRoulette .modal-dialog .modal-content .modal-body .roulette-text {
	 color: var(--General-Text-and-icon-color3, #80858f);
	 font-size: 14px;
	 font-style: normal;
	 font-weight: 400;
	 line-height: 18px;
}
 @media screen and (max-width: 768px) {
	 #popupRoulette .modal-dialog .modal-content .modal-body .roulette-text {
		 font-size: 12px;
		 line-height: 16px;
	}
}
 #popupRoulette .modal-dialog .modal-content .modal-body .roulette-button span {
	 height: 40px;
}
 body.modal-open #wrapper {
	 filter: blur(8px);
	 -webkit-filter: blur(8px);
}