.u-popup .ok-pop,
.u-popup .u-content{
	text-align:center;
}
.ok-pop{
	width:100%;
	padding:8px 18px 22px;
	box-sizing:border-box;
	background:#fff;
	color:#111;
}
.ok-pop--dark{
	background:#22252F;
	color:#fff;
}
.ok-pop__hero{
	position:relative;
	padding:18px 12px 8px;
	margin:0 -18px 8px;
	background:radial-gradient(120% 80% at 50% -10%, rgba(46,213,115,.22) 0%, rgba(46,213,115,.08) 42%, rgba(255,255,255,0) 70%);
	overflow:visible;
}
.ok-pop--dark .ok-pop__hero{
	background:radial-gradient(120% 80% at 50% -10%, rgba(46,213,115,.28) 0%, rgba(34,37,47,0) 72%);
}
.ok-pop__checkwrap,
.u-popup .u-content__circle{
	display:flex !important;
	justify-content:center;
	align-items:center;
	height:auto !important;
	width:auto !important;
	margin:6px auto 4px !important;
	padding:0 !important;
	overflow:visible !important;
	position:relative;
}
.ok-pop__checkwrap::before,
.u-popup .u-content__circle::before{
	content:"";
	position:absolute;
	left:50%;
	top:46%;
	width:8px;
	height:8px;
	margin:-4px 0 0 -4px;
	border-radius:50%;
	box-shadow:
		-46px -18px 0 1px #7bed9f,
		46px -16px 0 0 #2ed573,
		-38px 22px 0 -1px #ffa502,
		42px 18px 0 -1px #ff7f50,
		-22px -36px 0 -2px #2ed573,
		24px -34px 0 -2px #7bed9f,
		0 -42px 0 -1px #ffd32a;
	pointer-events:none;
}
.ok-pop__checkwrap .u-image,
.ok-pop__checkwrap uni-image,
.u-popup .u-content__circle .u-image,
.u-popup .u-content__circle uni-image,
.u-popup .u-content__circle img{
	display:block !important;
	width:88px !important;
	height:88px !important;
	margin:0 auto !important;
}
.ok-pop__title{
	margin-top:8px;
	font-size:20px;
	font-weight:700;
	color:#111;
}
.ok-pop--dark .ok-pop__title{color:#fff;}
.ok-pop__sub{
	margin-top:6px;
	font-size:13px;
	color:#8a8f99;
	font-weight:400;
}
.ok-pop__list{
	margin-top:12px;
	padding:4px 2px 0;
}
.ok-pop__row{
	display:flex;
	align-items:center;
	padding:12px 2px;
	border-bottom:1px solid #f2f3f5;
	text-align:left;
}
.ok-pop--dark .ok-pop__row{border-bottom-color:#333846;}
.ok-pop__row:last-child{border-bottom:0;}
.ok-pop__lab{
	flex:1;
	font-size:14px;
	color:#6b7280;
	padding-left:10px;
}
.ok-pop--dark .ok-pop__lab{color:#b5b9c4;}
.ok-pop__val{
	text-align:right;
	font-size:14px;
	font-weight:700;
	color:#111;
	min-width:96px;
}
.ok-pop--dark .ok-pop__val{color:#fff;}
.ok-pop__hint{
	font-size:11px;
	font-weight:400;
	color:#9aa0a6;
	margin-top:2px;
}
.ok-pop__status{
	color:#22c55e !important;
}
.ok-pop__status::after{
	content:" ✓";
	font-weight:700;
}
.ok-ico{
	width:28px;
	height:28px;
	border-radius:8px;
	flex-shrink:0;
	position:relative;
}
.ok-ico::after{
	content:"";
	position:absolute;
	inset:7px;
	background:currentColor;
}
.ok-ico--gold{background:#FFF4D6;color:#E6A817;}
.ok-ico--gold::after{
	clip-path:polygon(20% 70%, 50% 20%, 80% 70%);
}
.ok-ico--green{background:#E5F8EE;color:#22c55e;}
.ok-ico--green::after{
	clip-path:polygon(15% 70%, 35% 40%, 55% 60%, 85% 20%, 85% 78%, 15% 78%);
}
.ok-ico--blue{background:#E8F0FE;color:#3b82f6;}
.ok-ico--blue::after{
	height:12px;
	inset:8px 7px 8px 7px;
	box-shadow:inset 3px 0 0 currentColor, inset -3px 0 0 currentColor;
	background:transparent;
	border-top:2px solid currentColor;
	border-bottom:2px solid currentColor;
}
.ok-ico--clock{background:#F1F5F9;color:#64748b;}
.ok-ico--clock::after{
	inset:6px;
	border:2px solid currentColor;
	border-radius:50%;
	background:transparent;
	box-shadow:inset -3px 0 0 -1px currentColor, inset 0 3px 0 -1px currentColor;
}
.ok-ico--list{background:#EEF2F6;color:#64748b;}
.ok-ico--list::after{
	inset:8px 6px;
	background:repeating-linear-gradient(currentColor 0 2px, transparent 2px 5px);
}
.u-popup .u-popup__content{
	overflow:hidden;
}