body[adapt='pc']>*{
	display: none !important;
}
 
body[adapt='pc']>uni-adapt-pc{
	display: block !important;
}
 
body[adapt='pc'] {
	margin: 0;
	background-color: #fff;
	width: 100vw;
	height: 100vh;
}
 
body[adapt='pc'] uni-adapt-pc .container{
	position: fixed;
	width: 500px;
	height: 100%;
	z-index: 1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	/* max-height: 680px; */
	box-sizing: border-box;
	border: 1px solid #ddd;
	box-shadow: 0 0 10px #ddd;
}
 
body[adapt='pc'] uni-adapt-pc iframe{
	width: 100%;
	height: 100%;
	border: none;
}
:root {
	--face-effet-main-color: #00d6e1;
	--face-effet-notification-success-bg: #dcfce7;
	--face-effet-notification-success-title: #14532d;
	--face-effet-notification-success-progress: #22c55e;
	--face-effet-notification-success-shadow: rgba(34, 197, 94, .5);
	--face-effet-notification-info-bg: #dbeafe;
	--face-effet-notification-info-title: #1e3a8a;
	--face-effet-notification-info-progress: #3b82f6;
	--face-effet-notification-info-shadow: rgba(59, 130, 246, .5);
	--face-effet-notification-warning-bg: #fef9c3;
	--face-effet-notification-warning-title: #713f12;
	--face-effet-notification-warning-progress: #eab308;
	--face-effet-notification-warning-shadow: rgba(234, 179, 8, .5);
	--face-effet-notification-error-bg: #fee2e2;
	--face-effet-notification-error-title: #7f1d1d;
	--face-effet-notification-error-progress: #ef4444;
	--face-effet-notification-error-shadow: rgba(239, 68, 68, .5)
}

.spinnerFaceAdd {
	align-items: center;
	display: flex;
	justify-content: center;
	margin-top: 50px;
	position: relative
}

.spinnerFaceAdd div {
	background: #c3c1b4;
	border-radius: 5px;
	position: absolute;
	transition: background-color .1s ease;
	width: 3px
}

.spinnerFaceAdd canvas,
.spinnerFaceAdd video {
	border-radius: 50%
}

@keyframes moveDivFaceAdd {

	0%,
	to {
		transform: rotate(var(--rotation)) translateY(var(--translation))
	}

	50% {
		transform: rotate(var(--rotation)) translateY(calc(var(--translation)*1.2))
	}
}

.moveFaceAdd {
	animation: moveDivFaceAdd .5s ease !important
}

.activeFaceAdd {
	background-color: #89e07c !important
}

.face-effet-check-login-model-msg-faceRule-loader {
	align-items: center;
	display: flex;
	justify-content: center;
	left: 50%;
	position: absolute;
	top: 60%;
	transform: translate(-50%, -50%)
}

.face-effet-check-login-model-msg-faceRule-iconLoaderProgress {
	align-items: center;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-name: face-effet-check-login-model-msg-faceRule-rotateLoader;
	animation-timing-function: linear;
	display: flex;
	justify-content: center
}

.face-effet-check-login-model-msg-faceRule-iconLoaderProgress svg {
	stroke-width: 16px;
	fill: none;
	transform-origin: center;
	z-index: 999
}

.face-effet-check-login-model-msg-faceRule-iconLoaderProgressFirst,
.face-effet-check-login-model-msg-faceRule-iconLoaderProgressFirst circle,
.face-effet-check-login-model-msg-faceRule-iconLoaderProgressSecond,
.face-effet-check-login-model-msg-faceRule-iconLoaderProgressSecond circle {
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out
}

.face-effet-check-login-model-msg-faceRule-iconLoaderProgressFirst circle,
.face-effet-check-login-model-msg-faceRule-iconLoaderProgressSecond circle {
	animation-duration: 3s;
	border-radius: 15px
}

.face-effet-check-login-model-msg-faceRule-iconLoaderProgressFirst,
.face-effet-check-login-model-msg-faceRule-iconLoaderProgressSecond {
	animation-duration: 6s;
	position: absolute
}

.face-effet-check-login-model-msg-faceRule-iconLoaderProgressFirst circle {
	animation-name: face-effet-check-login-model-msg-faceRule-circleFirst;
	stroke-dasharray: 628, 628;
	stroke-dashoffset: 0;
	stroke: rgba(5, 125, 212, .4);
	stroke-linecap: round
}

.face-effet-check-login-model-msg-faceRule-iconLoaderProgressSecond {
	transform: rotate(-14deg)
}

.face-effet-check-login-model-msg-faceRule-iconLoaderProgressSecond circle {
	animation-name: face-effet-check-login-model-msg-faceRule-circleSecond;
	stroke-dasharray: 628, 628;
	stroke-dashoffset: 0;
	stroke: rgba(0, 214, 225, .2);
	stroke-linecap: round
}

@keyframes face-effet-check-login-model-msg-faceRule-circleFirst {

	0%,
	to {
		stroke-dashoffset: 50
	}

	50% {
		stroke-dashoffset: 625
	}
}

@keyframes face-effet-check-login-model-msg-faceRule-circleSecond {

	0%,
	to {
		stroke-dashoffset: -625
	}

	50% {
		stroke-dashoffset: -50
	}
}

@keyframes face-effet-check-login-model-msg-faceRule-rotateLoader {
	0% {
		transform: rotate(0deg)
	}

	to {
		transform: rotate(1turn)
	}
}

.face-effet-check-login-model-msg-fuji-faceRule {
	border-radius: 50%;
	height: 300px;
	overflow: hidden;
	position: absolute
}

.face-effet-check-login-model-msg-faceRule {
	background-color: rgba(0, 0, 0, .4);
	color: #fff;
	height: 100px;
	left: 50%;
	position: absolute;
	transform: translate(-50%, -50%)
}

.face-effet-check-login-model-msg-faceRule-tips {
	color: #575757;
	font-family: Baskerville Old Face;
	font-weight: 700;
	height: 100px;
	left: 50%;
	line-height: 100px;
	position: absolute;
	text-align: center;
	transform: translate(-50%, -50%)
}

.face-effet-check-login-model-msg-faceRule-show {
	border-radius: 50%;
	left: 50%;
	position: absolute;
	top: 60%;
	transform: translate(-50%, -50%)
}

.face-effet-check-login-model-msg-faceRule-show canvas,
.face-effet-check-login-model-msg-faceRule-show video {
	border-radius: 50%
}
.dialog-type-container .dialog-type-inner-content .agreement .has-unchecked-img {
	/* background:black; */
	height:24px;
	width:24px;
	border:none;
}
.dialog-type-container .dialog-type-inner-content .agreement img {
	height:fit-content !important;
}