.flame-theam-row:hover {
	filter: brightness(.98);
}

.flame-asset-video-holder {
	position:relative;
	width:100%;
	aspect-ratio:16/9;
}

.flame-front-viewer-toc-holder .track-row-data {
	padding:5px 10px;background:#f1f1f1;border-radius:10px;font-size:15px;font-weight:600;margin-bottom:8px;
}

.flame-front-viewer-toc-holder .unit-row {
	padding:5px 5px;
	border-bottom:solid 1px #ccc;
	display:grid;
	grid-template-columns:100px 1fr auto;
	gap:15px;
	align-items:begin;
}

.flame-front-viewer-toc-holder .unit-row .image-block {
	vertical-align:top;
}

.flame-front-viewer-toc-holder .unit-row .image-block img {
	width:100%;height:50px;object-fit:cover;
}

.flame-front-viewer-toc-holder .unit-row .data-block {
	text-align:left;
	display:flex;
	gap:6px;
	flex-direction:column;
}

.flame-front-viewer-toc-holder .unit-row .data-block .unit-name-field {
	font-size:14px;font-weight:500;
}

.flame-front-viewer-toc-holder .unit-row .data-block .unit-type-field {
	padding:0px 10px;
	font-size:10px;
	background:#f1f1f1;
	border-radius:8px;
	margin-right:8px;
	vertical-align:middle;
}

.flame-front-viewer-toc-holder .unit-row .data-block .unit-result-holder {

}




.eco-popup-screen.flame-viewer-screen {
	background:url(/factory/flame/modules/front/img/bgs/001.jpg) no-repeat center center;
	background-size:cover;
}


/********************** toc **********************/
.flame-front-viewer-toc-holder .track-row-data {
	1display:none;
	background:#f2ebeb;
	
}

.flame-front-viewer-toc-holder .unit-row {
	padding:15px 20px;
	background:#fff;
	border-radius:10px;
	box-shadow: 0px 2px 10px #1C54691A;
	margin-bottom:15px;
	border-bottom:none;
	grid-template-columns:1fr auto;
	gap:10px;

}

.flame-front-viewer-toc-holder .unit-row .image-block {
	display:none;
}

.flame-front-viewer-toc-holder .unit-row .data-block {
	display:grid;
	grid-template-columns:1fr auto;
	align-items:center;
}

.flame-front-viewer-toc-holder .unit-row .data-block .unit-name-field::before {
	content:attr(data-unitNo);
	margin-right:10px;
	border-radius:50%;
	display:inline-block;
	width:20px;
	height:20px;
	color:#fff;
	background:var(--block-theme-color);
	text-align:center;
}

.flame-front-viewer-toc-holder .unit-row .data-block .unit-type-field {
	display:none;
}


.cundal-launcher {
	z-index:1000;position:fixed;left:0px;right:0px;top:0px;bottom:0px;width:100vw;height:100vh;background:url(../img/bgs/001.jpg) no-repeat center center;background-size:cover;
}

.cundal-viewer-holder {
	transition:left right top bottom margin 0.25s;
	position:absolute;
	left:40px;
	right:40px;
	top:40px;
	bottom:40px;
	background:#fff;
	border-radius:15px;
	padding:0px;
	max-width:1300px;
	margin:0 auto;
	1overflow:hidden; 
	1overflow-y:auto;
}

@media (max-width:1200px) {
	.cundal-viewer-holder {
		left:20px;
		right:20px;
		top:20px;
		bottom:20px;
	}
}


@media (max-width:600px) {
	.cundal-viewer-holder {
		left:0px;
		right:0px;
		top:0px;
		bottom:0px;
		border-radius:0px;
		padding:0px;
	}
}

@media ( max-width:600px ) {
	.flame-market-author-holder {
		flex-direction:column;
	}
}

.cundal-viewer-holder .viewer-header {
	border-bottom:solid 1px #ccc;
}
.cundal-viewer-holder .viewer-header {
	border-bottom:solid 1px #ccc;
}

.cundal-viewer-holder .viewer-body {
	position: absolute;
	left: 0px;
	right:0px;
	top: 50px;
	bottom:0px;
	width: 100%;
	1overflow-y:auto;
}

.flame-front-user-study-row {
	display:flex;align-items:center;gap:20px;padding:20px;border:solid 1px #ccc;margin-bottom:20px;box-shadow:0px 1px 3px rgba(0,0,0,0.2);border-radius:10px;
}

@media ( max-width:600px ) {
	.flame-front-user-study-row {
		align-items:start;
		flex-direction:column;
	}
}



.cundal-viewer-holder.has-aux {
	max-width:1500px;

}

.cundal-viewer-holder.has-aux .viewer-body {
	display:flex;
}

.cundal-viewer-holder .viewer-body-main {
	display:flex;
	flex-direction: column;
	height:100%;
}

.cundal-viewer-holder .unit-list-holder {
	overflow-y:auto;
}

.cundal-viewer-holder.has-aux  .no-select {
	user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
}

.cundal-viewer-holder.has-aux .viewer-body-main {
	flex:1;
}

.cundal-viewer-holder [button=show-aux] {
	display:none;
}

.cundal-viewer-holder.has-aux .viewer-body-aux {
	flex:0 0 450px;
	border-left:solid 1px #ccc;
	1overflow-y:auto;
	height:100%;
	display:flex;
	flex-direction: column;

}

.cundal-viewer-holder.has-aux .viewer-body-aux .aux-header {
	padding:10px 20px;
	display:none;
	text-align:right;
	border-bottom:solid 1px #ccc;
	justify-content:space-between;
}

.cundal-viewer-holder.has-aux .viewer-body-aux .aux-body {
	flex:1;
	overflow-y:auto;
}

@media (max-width:900px) {
	.cundal-viewer-holder [button=show-aux] {
		display:inline-block;
		font-size:11px;
		padding:4px 10px;
		color:#222;
		border:solid 1px #aaa;
		background:#fcf7cd;
	}

	.cundal-viewer-holder.has-aux .viewer-body-aux {
		display:none;
	}

	.cundal-viewer-holder.has-aux .viewer-body-aux.on {
		display:flex;
		position:fixed;
		top:0px;
		left:0px;
		right:0px;
		bottom:0px;
		background:#fff;
	}

	.cundal-viewer-holder.has-aux .viewer-body-aux.on .aux-header {
		display:flex;
	}
}


 .cundal-viewer-holder .unit-header {
	display:flex;gap:20px;align-items:center;justify-content:space-between;padding:10px;background:#fafafa;border-radius:10px 10px 0px 0px;color:#333;
}

.cundal-viewer-holder  .unit-name-holder {
	font-size:16px;color:#222;font-weight:500;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;
}

.cundal-viewer-holder .unit-navigation-tool {
	font-size:16px;
	color:#888;
	display:flex;
	gap:5px;
	align-items: center;
}

@media (max-width:900px) {

	.cundal-viewer-holder .unit-navigation-tool {
		font-size:14px;
	}

	 .cundal-viewer-holder  .unit-header {
		1flex-direction: column;
		1justify-content:start;
		1align-items:center;
		gap:5px;
	 }
	.cundal-viewer-holder  .unit-name-holder {
		font-size:14px;
		font-weight:500;
		max-width:250px;
	
	}

}

.cundal-viewer-holder .aux-body:empty {
	background:url(/factory/flame/modules/front/img/icon/nodata.png) no-repeat center center;
	background-size:150px auto;
	

}