.rocom-popup {
	position: fixed;
	inset: 0;
	display: none;
	z-index: 999999;
}

.rocom-popup.is-visible {
	display: block;
}

.rocom-popup__overlay {
	position: absolute;
	inset: 0;
	background: rgba(0,0,0,.65);
}

.rocom-popup__dialog {
	position: relative;
	width: min(700px, calc(100vw - 40px));
	margin: 60px auto;
	background: #fff;
	border-radius: 12px;
	overflow: hidden;
	min-height: 250px;
}

.rocom-popup__loader {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 250px;
}

.rocom-popup__content{
	display:none;
	padding:40px;
}

.rocom-popup.is-ready .rocom-popup__loader{
	display:none;
}

.rocom-popup.is-ready .rocom-popup__content{
	display:block;
}

.rocom-popup__close{
	position:absolute;
	top:15px;
	right:15px;
	background:none;
	border:0;
	cursor:pointer;
	font-size:28px;
	line-height:1;
	z-index:10;
}

.rocom-spinner{
	width:42px;
	height:42px;
	border-radius:50%;
	border:3px solid #e5e5e5;
	border-top-color:#111;
	animation:rocom-spin .8s linear infinite;
}

@keyframes rocom-spin{

	to{
		transform:rotate(360deg);
	}

}

.rocom-popup__notice{
	padding:40px;
	text-align:center;
}

.rocom-popup__notice p{
	margin:0;
	font-size:16px;
}