/* 파일 미리보기 */
.preview-panel {
	display: table;
	height: 31.375rem;
	width: 100%;
	border: 1px solid #E6E6E6
}


.preview-panel .preview-file-list, .preview-panel .preview-file-review {
	position: relative;
	display: table-cell;
	vertical-align: top
}

.preview-panel .preview-file-list {
	width: 38%;
	border-right: 1px solid #e6e6e6;
	max-width: 300px;
}

.preview-panel .preview-file-list .preview-file-header {
	padding: 1rem 1.5rem;
	height: 3.625rem;
	font-size: 0.875rem;
	border-bottom: 1px solid #E6E6E6
}

.preview-panel .preview-file-list .preview-file-header a {
	font-weight: 500;
	transition: all .3s
}

.preview-panel .preview-file-list .preview-file-header a:hover {
	color: #0E4B98
}

.preview-panel .preview-file-list .preview-file-header .preview-file-link {
	float: right
}

.preview-panel .preview-file-list .preview-file-header .preview-file-link a {
	position: relative;
	display: inline-block;
	margin-left: 0.5625rem;
	padding-left: 0.5625rem
}

.preview-panel .preview-file-list .preview-file-header .preview-file-link a:before {
	content: "";
	position: absolute;
	height: 0.625rem;
	left: 0;
	top: 0.5rem;
	border-left: 1px solid #C9C9C9
}

.preview-panel .preview-file-list .preview-file-header .preview-file-link a:first-child {
	margin-left: 0;
	padding-left: 0
}

.preview-panel .preview-file-list .preview-file-header .preview-file-link a:first-child:before {
	display: none
}

.preview-panel .preview-file-list .file_list {
	height: calc(100% - 3.625rem);
	overflow: auto !important;
}

.preview-panel .preview-file-list .file-tree {
	width: 100%;
	height: 100%;
	max-height: 27.625rem;
	padding: 1rem;
}

.preview-panel .preview-file-review .preview-file-header {
	height: 3.625rem;
	border-bottom: 1px solid #e6e6e6;
}

.preview-panel .preview-file-review .preview-file-header.justify {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.preview-panel .preview-file-review .preview-file-header.justify>.item {
	align-self: center;
	padding-left: 1rem;
	padding-right: 1rem;
}

.preview-panel .preview-file-review .preview-file-header.justify>.item.title {
	height: 100%;
	width: 58%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.preview-panel .preview-file-header .menu {
	float: left
}

.preview-panel .preview-file-header .menu li {
	float: left;
	min-width: 6.25rem
}

.preview-panel .preview-file-header .menu li a {
	display: block;
	position: relative;
	height: 3.625rem;
	line-height: 3.625rem;
	font-size: 1.125rem;
	color: #393939;
	font-weight: 500;
	text-align: center;
	transition: all .3s
}

.preview-panel .preview-file-header .menu li a.on:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 0.3125rem;
	background: #0E4B98
}

.preview-panel .preview-file-header .menu li a.on {
	color: #0E4B98
}

.preview-panel .preview-file-header .menu-etc li {
	float: left;
	position: relative;
	margin-left: 0.5625rem;
	padding-left: 0.5625rem
}

.preview-panel .preview-file-header .menu-etc li:before {
	content: "";
	position: absolute;
	height: 0.625rem;
	left: 0;
	top: 0.5rem;
	border-left: 1px solid #C9C9C9
}

.preview-panel .preview-file-header .menu-etc li:first-child {
	margin: 0;
	padding: 0
}

.preview-panel .preview-file-header .menu-etc li:first-child:before {
	display: none
}

.preview-panel .preview-file-header .menu-etc li a {
	position: relative
}

.preview-panel .preview-file-review .preview-panel-content {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	margin: 3.625rem 0 4.625rem;
	height:27.25rem;
	overflow-y: auto;
	background: #F8F8F8;
}

.preview-panel .preview-file-review .preview-panel-content .noReview {
	display: table;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	z-index: 9
}

.preview-panel .preview-file-review .preview-panel-content .noReview>div {
	display: table-cell;
	vertical-align: middle
}

.preview-panel .preview-file-review .preview-panel-footer {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 1.25rem 0;
	border-top: 1px solid #E6E6E6;
	text-align: center;
	background: #fff
}

.preview-panel .preview-file-review .preview-panel-footer a {
	min-width: inherit;
	height: 2.0625rem;
	line-height: 2.0625rem;
	font-size: 0.875rem
}

.preview-panel-body {
	overflow: hidden;
	height: 100%;
	border-bottom: 1px solid #e6e6e6;
}

.preview-panel-body pre {
	display: block;
	word-break: break-all;
	white-space: pre-wrap;
	border: none;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1.5;
	min-height: 100%;
	font-size: 0.9rem;
}

.preview-panel-body .ace_content {
	padding-right: 10px;
	padding-left: 10px;
	line-height: 20px;
}

.preview-panel-footer {
	margin-top: 1.25rem;
	overflow: hidden;
	padding: 0.9375rem 1rem 0.9375rem 1.875rem;
	background: #F8F8F8;
}

.preview-panel .preview-img-zoom {
	position: absolute;
	top: auto;
	right: auto;
	bottom: 0.75rem;
	left: 50%;
	z-index: 10;
	display: flex;
	gap: 0.25rem;
	padding: 0.25rem;
	border: 1px solid rgba(14, 75, 152, 0.2);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.96);
	box-shadow: 0 0.125rem 0.5rem rgba(30, 45, 65, 0.14);
	transform: translateX(-50%);
}

.preview-image-stage {
	position: relative;
}

.preview-panel .preview-img-zoom .preview-zoom-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: transparent;
	color: #0E4B98;
	font-size: 0.875rem;
	cursor: pointer;
	transition: background-color .2s, color .2s;
}

.preview-panel .preview-img-zoom .preview-zoom-button:hover,
.preview-panel .preview-img-zoom .preview-zoom-button:focus {
	background: #0E4B98;
	color: #fff;
	outline: none;
}

/* 데이터셋 상세의 파일 미리보기: 가변 파일 목록과 선택 파일 요약 */
.preview-panel.preview-resizable {
	display: flex;
	position: relative;
	overflow: hidden;
	border-color: #dfe5ec;
	border-radius: 0.625rem;
	background: #fff;
	box-shadow: 0 0.25rem 1rem rgba(31, 51, 73, 0.06);
}

.preview-panel.preview-resizable > .preview-file-list {
	display: flex;
	flex: 0 0 18.75rem;
	flex-direction: column;
	width: 18.75rem;
	min-width: 13.75rem;
	max-width: 60%;
	background: #fff;
}

.preview-panel.preview-resizable > .preview-file-list > .preview-file-header {
	display: block;
	flex: 0 0 4.625rem;
	height: 4.625rem;
	min-height: 4.625rem;
	overflow: hidden;
	background: #f8fafc;
}

.preview-panel.preview-resizable .preview-file-list .preview-file-header .menu {
	display: flex;
	align-items: stretch;
	height: 100%;
	overflow: hidden;
}

.preview-panel.preview-resizable .preview-file-list .preview-file-header .menu li {
	float: none;
	flex: 1 1 0;
	width: auto !important;
	min-width: 0 !important;
}

.preview-panel.preview-resizable .preview-file-list .preview-file-header .menu li a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	padding: 0 0.25rem;
	line-height: 1.2;
	font-size: 0.6875rem !important;
	white-space: nowrap;
	word-break: keep-all;
	overflow: hidden;
}

.preview-panel.preview-resizable .preview-file-list .preview-file-header .menu li + li {
	border-left: 1px solid #e6ebf1;
}

.preview-panel.preview-resizable .preview-file-list .preview-file-header .menu li a:hover,
.preview-panel.preview-resizable .preview-file-list .preview-file-header .menu li a:focus {
	background: #eef4fb;
	outline: none;
}

.preview-panel.preview-resizable > .preview-file-review {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	min-width: 0;
}

.preview-panel.preview-resizable .preview-file-review > .preview-file-header {
	display: flex;
	flex: 0 0 auto;
	flex-wrap: nowrap;
	align-items: center;
	gap: 0.75rem;
	min-height: 4.625rem;
	padding: 0 0.875rem;
	background: #fff;
}

.preview-panel.preview-resizable .preview-file-review > .preview-panel-content {
	position: relative;
	flex: 1 1 auto;
	left: auto;
	top: auto;
	width: 100%;
	height: auto;
	min-height: 0;
	margin: 0;
	background: #f4f6f8;
}

.preview-panel.preview-resizable .preview-file-list .file-tree {
	flex: 1 1 auto;
	min-height: 0;
	max-height: none;
	overflow-x: hidden !important;
	overflow-y: auto !important;
	padding: 0.625rem;
	background: #fff;
}

.preview-panel.preview-resizable .file-tree ul.fancytree-container,
.preview-panel.preview-resizable .file-tree ul.fancytree-container ul,
.preview-panel.preview-resizable .file-tree li {
	box-sizing: border-box;
	width: 100%;
	min-width: 0;
}

.preview-panel.preview-resizable .file-tree span.fancytree-node {
	display: flex;
	align-items: center;
	width: 100%;
	min-width: 0;
	min-height: 2.5rem;
	padding: 0.25rem 0.375rem;
	border-radius: 0.375rem;
	transition: background-color .2s, box-shadow .2s;
}

.preview-panel.preview-resizable .file-tree span.fancytree-title {
	display: inline-flex;
	flex: 1 1 auto;
	min-width: 0;
	max-width: 100%;
	overflow: hidden;
	white-space: nowrap;
	gap: 0.5rem;
	margin-left: 0.25rem;
	padding: 0;
	border: 0;
}

.preview-panel.preview-resizable .file-tree span.fancytree-node:hover,
.preview-panel.preview-resizable .file-tree span.fancytree-node.fancytree-active,
.preview-panel.preview-resizable .file-tree span.fancytree-node.fancytree-selected {
	background: #edf5ff;
}

.preview-panel.preview-resizable .file-tree span.fancytree-node.fancytree-active,
.preview-panel.preview-resizable .file-tree span.fancytree-node.fancytree-selected {
	box-shadow: inset 0.1875rem 0 #0E4B98;
}

.preview-panel.preview-resizable .file-tree span.fancytree-node:hover span.fancytree-title,
.preview-panel.preview-resizable .file-tree span.fancytree-node.fancytree-active span.fancytree-title,
.preview-panel.preview-resizable .file-tree span.fancytree-node.fancytree-selected span.fancytree-title {
	border: 0;
	background: transparent;
	color: #1e2b3a !important;
}

.preview-tree-format-badge {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	min-width: 2.125rem;
	max-width: 3.5rem;
	height: 1.375rem;
	padding: 0 0.375rem;
	border-radius: 0.25rem;
	background: #6657c7;
	color: #fff;
	font-size: 0.625rem;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 0.02em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.preview-tree-file-name {
	display: inline-flex;
	flex: 1 1 auto;
	min-width: 0;
	overflow: hidden;
}

.preview-tree-name-base {
	flex: 1 1 auto;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.preview-tree-name-extension {
	flex: 0 0 auto;
	white-space: nowrap;
}

.preview-panel-resizer {
	position: relative;
	flex: 0 0 0.5rem;
	width: 0.5rem;
	margin-left: -1px;
	cursor: col-resize;
	touch-action: none;
}

.preview-panel-resizer::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	border-left: 1px solid #e6e6e6;
	transition: border-color .2s, box-shadow .2s;
}

.preview-panel-resizer::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 0.1875rem;
	height: 2rem;
	border-radius: 999px;
	background: #c7d1dc;
	transform: translate(-50%, -50%);
	transition: background-color .2s, height .2s;
}

.preview-panel-resizer:hover::before,
.preview-panel-resizer:focus::before,
body.preview-panel-resizing .preview-panel-resizer::before {
	border-left-color: #0E4B98;
}

.preview-panel-resizer:hover::after,
.preview-panel-resizer:focus::after,
body.preview-panel-resizing .preview-panel-resizer::after {
	height: 2.75rem;
	background: #0E4B98;
}

.preview-panel-resizer:focus {
	outline: none;
}

body.preview-panel-resizing {
	cursor: col-resize;
	user-select: none;
}

.preview-panel.preview-resizable .preview-file-header.justify > .item.title {
	order: 2;
	flex: 0 0 auto;
	width: auto;
	max-width: none;
	margin-left: auto;
	padding: 0;
}

.preview-panel.preview-resizable .preview-file-header.justify > .item.title ul {
	display: flex;
	width: auto;
	padding: 0.25rem;
	border: 1px solid #dfe5ec;
	border-radius: 0.375rem;
	background: #f6f8fa;
}

.preview-panel.preview-resizable .preview-file-header.justify > .item.title li {
	float: none;
	width: auto;
}

.preview-panel.preview-resizable .preview-file-header.justify > .item.title li a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: auto;
	min-width: 4.5rem;
	padding: 0.5rem 0.75rem;
	border-radius: 0.25rem;
	line-height: 1.2;
}

.preview-panel.preview-resizable .preview-file-header.justify > .item.title li a.on {
	box-shadow: 0 0.125rem 0.375rem rgba(14, 75, 152, 0.18);
}

.preview-panel.preview-resizable .preview-file-review > .preview-file-header .menu-etc {
	display: none !important;
}

.preview-selected-file {
	display: flex;
	order: 1;
	flex: 1 1 auto;
	flex-direction: column;
	justify-content: center;
	min-width: 0;
	padding: 0.5rem 0;
	overflow: hidden;
	text-align: left;
}

.preview-selected-file-name {
	display: block;
	width: 100%;
	min-width: 0;
	color: #333;
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1.25;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow-wrap: normal;
}

.preview-selected-file-meta {
	display: flex;
	justify-content: flex-start;
	gap: 0.375rem;
	margin-top: 0.375rem;
	color: #707070;
	font-size: 0.6875rem;
	white-space: nowrap;
}

.preview-selected-file-meta > span {
	display: inline-flex;
	align-items: center;
	padding: 0.1875rem 0.5rem;
	border: 1px solid #e2e8ef;
	border-radius: 999px;
	background: #f7f9fb;
}

.preview-selected-file-meta strong {
	margin-left: 0.25rem;
	color: #0E4B98;
	font-weight: 500;
}

@media screen and (max-width:640px) {
	.preview-panel {
		display: block;
		height: auto
	}
	.preview-panel .preview-file-list, .preview-panel .preview-file-review {
		position: relative;
		display: block;
		width: 100%;
		max-width: inherit;
	}
	.preview-panel .preview-file-list {
		border-right: 0
	}
	.preview-panel .preview-file-list .preview-file-header {
		padding: 0.8rem;
	}
	.preview-panel .preview-file-review {
		border-top: 1px solid #e6e6e6
	}
	.preview-panel .preview-file-review .preview-file-header.justify>.item.title {
		width: 100%;
	}
	.preview-panel .preview-file-header .menu-etc {
		margin: 0.8rem 0.8rem 0 0
	}
	.preview-panel .preview-file-header .menu-etc {
		margin: 0.8rem 0.8rem 0 0
	}
	.preview-panel .preview-file-review .preview-panel-content {
		position: relative;
		margin: 0;
		height: 20rem
	}
	.preview-panel .preview-file-review .preview-panel-footer {
		position: relative
	}
	.preview-panel.preview-resizable {
		display: block;
		height: auto;
	}
	.preview-panel.preview-resizable > .preview-file-list {
		display: block;
		width: 100% !important;
		min-width: 0;
		max-width: none;
	}
	.preview-panel.preview-resizable > .preview-file-review {
		display: block;
	}
	.preview-panel.preview-resizable .preview-file-review > .preview-file-header {
		display: flex;
		flex-wrap: wrap;
		padding: 0.5rem 0.75rem;
	}
	.preview-panel.preview-resizable .preview-file-review > .preview-panel-content {
		height: 20rem;
	}
	.preview-panel.preview-resizable .preview-file-header.justify > .item.title {
		width: 100%;
		max-width: none;
		margin-left: 0;
	}
	.preview-selected-file {
		width: 100%;
		padding: 0.25rem 0;
		text-align: left;
	}
	.preview-selected-file-meta {
		justify-content: flex-start;
	}
	.preview-panel-resizer {
		display: none;
	}
	.preview-panel .preview-img-zoom {
		bottom: 0.5rem;
	}
}

/* 첨부 예시 기반 원시데이터 미리보기 워크스페이스 */
.preview-workspace-row > .rstD_title {display:none}
.preview-workspace-row .review_wrap {margin-top:0}
.preview-workspace-header {display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:4.25rem;padding:0 .25rem 1rem}
.preview-workspace-summary {display:flex;align-items:center;min-width:0;color:#52647c;font-size:.8125rem}
.preview-workspace-title {margin-right:1rem;color:#111d35;font-size:1.5rem;font-weight:700;letter-spacing:-.04em}
.preview-workspace-summary>span {position:relative;padding:0 .875rem;white-space:nowrap}
.preview-workspace-summary>span::before {content:"";position:absolute;top:50%;left:0;height:.875rem;border-left:1px solid #cbd5e1;transform:translateY(-50%)}
.preview-workspace-summary b {color:#24415f;font-weight:600}
.preview-workspace-actions {display:flex;align-items:center;gap:.625rem}
.preview-workspace-action {display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-width:9.5rem;height:3rem;padding:0 1.25rem;border:1px solid #b9d1f5;border-radius:.5rem;background:#fff;color:#1263d6;font-size:.875rem;font-weight:600;transition:.2s}
.preview-workspace-action:hover,.preview-workspace-action:focus {border-color:#176bf0;background:#f3f8ff;color:#0e4b98;box-shadow:0 .25rem .75rem rgba(23,107,240,.12);outline:0}
.preview-workspace-action--primary,.preview-workspace-action--primary:visited,.preview-workspace-action--primary:hover,.preview-workspace-action--primary:focus {border-color:#176bf0;background:#176bf0;color:#fff!important}

.preview-panel.preview-resizable {display:flex;height:46.5rem;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}
.preview-panel.preview-resizable>.preview-file-list,.preview-panel.preview-resizable>.preview-file-review {overflow:hidden;border:1px solid #e1e8f0;border-radius:.625rem;background:#fff;box-shadow:0 .25rem 1rem rgba(35,52,78,.08)}
.preview-panel.preview-resizable>.preview-file-list {box-sizing:border-box;flex:0 0 23rem;width:23rem;min-width:17.5rem;max-width:48%;border-right:1px solid #e1e8f0}

.preview-list-search {display:flex;flex:0 0 4.875rem;align-items:center;gap:.5rem;padding:.875rem 1rem .75rem}
.preview-search-field {display:flex;flex:1 1 auto;align-items:center;min-width:0;height:3rem;padding:0 .875rem;border:1px solid #d6e0eb;border-radius:.5rem;background:#fff;color:#71839a;transition:.2s}
.preview-search-field:focus-within {border-color:#176bf0;box-shadow:0 0 0 .1875rem rgba(23,107,240,.1)}
.preview-search-field i {flex:0 0 auto;margin-right:.625rem;font-size:.9375rem}
.preview-search-field input {width:100%;min-width:0;border:0;background:transparent;color:#1b2c45;font-size:.8125rem;outline:0}
.preview-search-field input::placeholder {color:#8a9aaf}
.preview-panel.preview-resizable>.preview-file-list>.preview-file-header.preview-list-controls {display:flex;flex:0 0 3.5rem;align-items:center;height:3.5rem;min-height:3.5rem;padding:0 1rem 0 1.375rem!important;border-top:1px solid #edf1f5;border-bottom:1px solid #e7edf3;background:#fbfcfe}
.preview-panel.preview-resizable .preview-list-controls .menu {display:flex;flex:1 1 auto;align-items:center;box-sizing:border-box;width:auto;min-width:0}
.preview-panel.preview-resizable .preview-list-controls .menu li,.preview-panel.preview-resizable .preview-list-controls .menu li:first-child {flex:0 1 auto;width:auto!important}
.preview-panel.preview-resizable .preview-file-list .preview-file-header.preview-list-controls .menu li a {display:flex;align-items:center;justify-content:flex-start;gap:.375rem;height:3.5rem;padding:0;background:transparent;color:#243853;font-size:.875rem!important;font-weight:600}
.preview-panel.preview-resizable .preview-list-controls .menu li a.on::after {display:none}
.preview-panel.preview-resizable .preview-list-controls #selectAllNodes {width:1.125rem;height:1.125rem;margin:0 .25rem 0 0;accent-color:#176bf0}
.preview-search-empty {display:none;padding:2rem 1rem;color:#77889e;font-size:.8125rem;text-align:center}

.preview-panel.preview-resizable .preview-file-list .file-tree {padding:0 .75rem .75rem}
.preview-panel.preview-resizable .file-tree ul.fancytree-container {padding:0;border:0;background:transparent;font-family:inherit;outline:0}
.preview-panel.preview-resizable .file-tree li {border-bottom:1px solid #edf1f5}
.preview-panel.preview-resizable .file-tree span.fancytree-node {min-height:3rem;padding:.375rem .625rem;border-radius:.375rem;box-shadow:none}
.preview-panel.preview-resizable .file-tree span.fancytree-node:hover,.preview-panel.preview-resizable .file-tree span.fancytree-node.fancytree-active,.preview-panel.preview-resizable .file-tree span.fancytree-node.fancytree-selected {background:#edf5ff;box-shadow:none}
.preview-panel.preview-resizable .file-tree span.fancytree-node:not(.fancytree-has-children)>span.fancytree-expander,.preview-panel.preview-resizable .file-tree span.fancytree-icon {display:none!important}
.preview-panel.preview-resizable .file-tree span.fancytree-checkbox {position:relative;display:inline-flex;flex:0 0 1.25rem;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;margin:0 .75rem 0 0;border:1px solid #9aabc0;border-radius:.25rem;background:#fff!important;background-image:none!important}
.preview-panel.preview-resizable .file-tree span.fancytree-node.fancytree-selected>span.fancytree-checkbox,.preview-panel.preview-resizable .file-tree span.fancytree-node.fancytree-partsel>span.fancytree-checkbox {border-color:#176bf0;background:#176bf0!important}
.preview-panel.preview-resizable .file-tree span.fancytree-node.fancytree-selected>span.fancytree-checkbox::after,.preview-panel.preview-resizable .file-tree span.fancytree-node.fancytree-partsel>span.fancytree-checkbox::after {content:"";width:.4375rem;height:.25rem;border-bottom:.125rem solid #fff;border-left:.125rem solid #fff;transform:translateY(-.0625rem) rotate(-45deg)}
.preview-panel.preview-resizable .file-tree span.fancytree-title {gap:.625rem;margin:0;color:#1d304b;font-size:.75rem}
.preview-tree-format-badge {min-width:2.375rem;height:1.375rem;border-radius:.25rem;background:linear-gradient(135deg,#8d55e9,#6844c7);box-shadow:0 .125rem .25rem rgba(104,68,199,.18)}
.preview-tree-file-name {justify-content:flex-start;overflow:hidden}
.preview-tree-name-base {flex:0 1 auto}
.preview-tree-name-extension {flex:0 0 auto;margin-left:0}

.preview-panel-resizer {flex-basis:.75rem;width:.75rem;margin:0}
.preview-panel-resizer::before {border-left-color:transparent}
.preview-panel-resizer::after {width:.1875rem;height:3rem;background:#c7d2df}
.preview-panel.preview-resizable>.preview-file-review {display:flex;box-sizing:border-box;flex:1 1 0;flex-direction:column;width:0;min-width:0;min-height:0}
.preview-panel.preview-resizable .preview-file-review>.preview-file-header {flex:0 0 6.75rem;min-height:6.75rem;padding:1.125rem 1.5rem;border-bottom:0}
.preview-selected-file {padding:0}
.preview-selected-file-name-row {display:flex;align-items:center;min-width:0}
.preview-selected-file-name {width:auto;max-width:100%;color:#111d35;font-size:1.125rem;font-weight:700;letter-spacing:-.02em}
.preview-file-copy {display:inline-flex;flex:0 0 2rem;align-items:center;justify-content:center;width:2rem;height:2rem;margin-left:.25rem;border:0;border-radius:.25rem;background:transparent;color:#71839a;cursor:pointer}
.preview-file-copy:hover,.preview-file-copy:focus,.preview-file-copy.is-copied {background:#edf5ff;color:#176bf0;outline:0}
.preview-selected-file-meta {gap:.5rem;margin-top:.625rem}
.preview-selected-file-meta>span {min-height:1.75rem;padding:.25rem .75rem;border-color:#d3deea;border-radius:.3125rem;background:#fff;font-size:.75rem}
.preview-selected-file-meta>.preview-selected-file-format {border-color:#8955e5;background:#8955e5}
.preview-selected-file-meta strong {margin:0;color:#415775;font-weight:600}
.preview-selected-file-meta .preview-selected-file-format strong {color:#fff}
.preview-panel.preview-resizable .preview-file-header.justify>.item.title ul {padding:0;border-color:#d9e3ee;border-radius:.4375rem;background:#fff;overflow:hidden}
.preview-panel.preview-resizable .preview-file-header.justify>.item.title li a {min-width:6.25rem;height:3rem;padding:0 1rem;border-radius:0;background:#fff;color:#415775;font-size:.8125rem!important}
.preview-panel.preview-resizable .preview-file-header.justify>.item.title li+li a {border-left:1px solid #e1e8f0}
.preview-panel.preview-resizable .preview-file-header.justify>.item.title li a.on {position:relative;background:#eef6ff;color:#176bf0;box-shadow:none}
.preview-panel.preview-resizable .preview-file-header.justify>.item.title li a.on::after {content:"";position:absolute;right:0;bottom:0;left:0;height:.125rem;background:#176bf0}
.preview-panel.preview-resizable .preview-file-review>.preview-panel-content {position:relative;flex:1 1 auto;width:100%;height:auto;min-height:0;margin:0;padding:0 .875rem .875rem;overflow:hidden;border:0;background:#fff}
.preview-panel.preview-resizable .preview-panel-body {min-width:0;min-height:0;overflow:hidden;border:0;border-radius:.5rem;background:#f3f6f9}
.preview-panel.preview-resizable .preview-file-review.look .look-body {display:block;min-width:0;min-height:0}
.preview-panel.preview-resizable .preview-file-review.look .look-body>.d-flex {width:100%;height:100%;min-width:0;min-height:0}
.preview-panel.preview-resizable #printContainer,
.preview-panel.preview-resizable #printContainer>.pdfobject {display:block;width:100%;height:100%!important;min-width:0;min-height:0}

.preview-image-stage {display:flex;position:relative;flex-direction:column;max-width:100%;background:#f3f6f9}
.preview-image-viewport {display:flex;position:relative;flex:1 1 0;align-items:center;justify-content:center;width:100%;min-width:0;min-height:0;overflow:hidden;background:#f3f6f9}
.preview-image-viewport>div[id^="smartZoomContainer"] {flex:0 0 auto;max-width:100%;margin:0 auto}
.preview-panel .preview-img-zoom {position:relative;top:auto;right:auto;bottom:auto;left:auto;flex:0 0 4.5rem;align-items:center;justify-content:center;gap:0;box-sizing:border-box;width:100%;max-width:none;min-height:4.5rem;padding:.5rem .625rem;overflow-x:auto;border:0;border-top:1px solid #dfe7ef;border-radius:0;background:#fff;box-shadow:none;transform:none}
.preview-tool-button {display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:.5rem;height:2.75rem;padding:0 .75rem;border:0;border-radius:.375rem;background:transparent;color:#132743;font-size:.75rem;font-weight:600;white-space:nowrap;cursor:pointer}
.preview-tool-button--icon {width:2.5rem;padding:0}
.preview-tool-button:hover,.preview-tool-button:focus {background:#edf5ff;color:#176bf0;outline:0}
.preview-zoom-level {display:inline-flex;flex:0 0 3rem;align-items:center;justify-content:center;color:#132743;font-size:.75rem;font-weight:700}
.preview-tool-divider {flex:0 0 1px;height:2rem;margin:0 .25rem;background:#d7e0ea}
.preview-image-nav {position:absolute;top:50%;z-index:9;display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border:0;border-radius:50%;background:rgba(255,255,255,.96);color:#17345d;box-shadow:0 .25rem .875rem rgba(30,48,75,.12);transform:translateY(-50%);cursor:pointer}
.preview-image-nav:hover,.preview-image-nav:focus {background:#176bf0;color:#fff;outline:0}
.preview-image-nav--prev {left:1.25rem}
.preview-image-nav--next {right:1.25rem}

.preview-workspace-summary,
.preview-workspace-action,
.preview-search-field input,
.preview-panel.preview-resizable .preview-list-controls .menu li a,
.preview-search-empty,
.preview-panel.preview-resizable .file-tree span.fancytree-title,
.preview-tree-format-badge,
.preview-selected-file-meta,
.preview-selected-file-meta>span,
.preview-panel.preview-resizable .preview-file-header.justify>.item.title li a,
.preview-tool-button,
.preview-zoom-level {font-size:.875rem!important}

@media screen and (max-width:900px) {
	.preview-workspace-header {align-items:flex-start;flex-direction:column}
	.preview-workspace-actions {width:100%}
	.preview-workspace-action {flex:1 1 0;min-width:0}
	.preview-panel.preview-resizable {display:block;height:auto}
	.preview-panel.preview-resizable>.preview-file-list {display:flex;width:100%!important;height:34.5rem;min-width:0;max-width:none}
	.preview-panel.preview-resizable>.preview-file-review {display:flex;width:100%!important;height:38.5rem;margin-top:.75rem}
	.preview-panel-resizer {display:none}
	.preview-panel.preview-resizable .preview-file-review>.preview-file-header {flex-wrap:wrap;height:auto;min-height:8.5rem;padding:1rem}
	.preview-panel.preview-resizable .preview-file-header.justify>.item.title {width:auto;margin-left:0}
	.preview-panel.preview-resizable .preview-file-review>.preview-panel-content {height:auto}
	.preview-img-zoom .preview-tool-button span,.preview-img-zoom .preview-tool-divider {display:none}
}

@media screen and (max-width:520px) {
	.preview-workspace-summary {align-items:flex-start;flex-wrap:wrap}
	.preview-workspace-title {width:100%;margin-bottom:.5rem}
	.preview-workspace-summary>span:first-of-type {padding-left:0}
	.preview-workspace-summary>span:first-of-type::before {display:none}
	.preview-workspace-action {padding:0 .625rem}
	.preview-panel.preview-resizable .preview-file-review>.preview-file-header {align-items:stretch;flex-direction:column}
	.preview-panel.preview-resizable .preview-file-header.justify>.item.title ul {width:100%}
	.preview-panel.preview-resizable .preview-file-header.justify>.item.title li {flex:1 1 0}
	.preview-panel.preview-resizable .preview-file-header.justify>.item.title li a {min-width:0}
	.preview-image-nav {width:2.5rem;height:2.5rem}
}