.vue-office-docx {
	height: 100%;
	overflow-y: auto
}

.vue-office-docx .docx-wrapper>section.docx {
	margin-bottom: 5px
}

@media screen and (max-width: 800px) {
	.vue-office-docx .docx-wrapper {
		padding: 10px
	}
	.vue-office-docx .docx-wrapper>section.docx {
		padding: 10px !important;
		width: 100% !important
	}
}

.x-spreadsheet {
	font-size: 13px;
	line-height: normal;
	-webkit-user-select: none;
	user-select: none;
	-moz-user-select: none;
	font-family: Lato, Source Sans Pro, Roboto, Helvetica, Arial, sans-serif;
	box-sizing: content-box;
	background: #fff;
	-webkit-font-smoothing: antialiased
}

.x-spreadsheet textarea {
	font: 400 13px Arial, Lato, Source Sans Pro, Roboto, Helvetica,
		sans-serif
}

.x-spreadsheet-sheet {
	position: relative;
	overflow: hidden
}

.x-spreadsheet-table {
	vertical-align: bottom
}

.x-spreadsheet-tooltip {
	font-family: inherit;
	position: absolute;
	padding: 5px 10px;
	color: #fff;
	border-radius: 1px;
	background: #000;
	font-size: 12px;
	z-index: 201
}

.x-spreadsheet-tooltip:before {
	pointer-events: none;
	position: absolute;
	left: calc(50% - 4px);
	top: -4px;
	content: "";
	width: 8px;
	height: 8px;
	background: inherit;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	z-index: 1;
	box-shadow: 1px 1px 3px -1px #0000004d
}

.x-spreadsheet-color-palette {
	padding: 5px
}

.x-spreadsheet-color-palette table {
	margin: 0;
	padding: 0;
	border-collapse: separate;
	border-spacing: 2;
	background: #fff
}

.x-spreadsheet-color-palette table td {
	margin: 0;
	cursor: pointer;
	border: 1px solid transparent
}

.x-spreadsheet-color-palette table td:hover {
	border-color: #ddd
}

.x-spreadsheet-color-palette table td .x-spreadsheet-color-palette-cell
	{
	width: 16px;
	height: 16px
}

.x-spreadsheet-border-palette {
	padding: 6px
}

.x-spreadsheet-border-palette table {
	margin: 0;
	padding: 0;
	border-collapse: separate;
	border-spacing: 0;
	background: #fff;
	table-layout: fixed
}

.x-spreadsheet-border-palette table td {
	margin: 0
}

.x-spreadsheet-border-palette .x-spreadsheet-border-palette-left {
	border-right: 1px solid #eee;
	padding-right: 6px
}

.x-spreadsheet-border-palette .x-spreadsheet-border-palette-left .x-spreadsheet-border-palette-cell
	{
	width: 30px;
	height: 30px;
	cursor: pointer;
	text-align: center
}

.x-spreadsheet-border-palette .x-spreadsheet-border-palette-left .x-spreadsheet-border-palette-cell:hover
	{
	background-color: #eee
}

.x-spreadsheet-border-palette .x-spreadsheet-border-palette-right {
	padding-left: 6px
}

.x-spreadsheet-border-palette .x-spreadsheet-border-palette-right .x-spreadsheet-line-type
	{
	position: relative;
	left: 0;
	top: -3px
}

.x-spreadsheet-dropdown {
	position: relative
}

.x-spreadsheet-dropdown .x-spreadsheet-dropdown-content {
	position: absolute;
	z-index: 200;
	background: #fff;
	box-shadow: 1px 2px 5px 2px #33333326
}

.x-spreadsheet-dropdown.bottom-left .x-spreadsheet-dropdown-content {
	top: calc(100% + 5px);
	left: 0
}

.x-spreadsheet-dropdown.bottom-right .x-spreadsheet-dropdown-content {
	top: calc(100% + 5px);
	right: 0
}

.x-spreadsheet-dropdown.top-left .x-spreadsheet-dropdown-content {
	bottom: calc(100% + 5px);
	left: 0
}

.x-spreadsheet-dropdown.top-right .x-spreadsheet-dropdown-content {
	bottom: calc(100% + 5px);
	right: 0
}

.x-spreadsheet-dropdown .x-spreadsheet-dropdown-title {
	padding: 0 5px;
	display: inline-block
}

.x-spreadsheet-resizer {
	position: absolute;
	z-index: 11
}

.x-spreadsheet-resizer .x-spreadsheet-resizer-hover {
	background-color: #4b89ff40
}

.x-spreadsheet-resizer .x-spreadsheet-resizer-line {
	position: absolute
}

.x-spreadsheet-resizer.horizontal {
	cursor: row-resize
}

.x-spreadsheet-resizer.horizontal .x-spreadsheet-resizer-line {
	border-bottom: 2px dashed #4b89ff;
	left: 0;
	bottom: 0
}

.x-spreadsheet-resizer.vertical {
	cursor: col-resize
}

.x-spreadsheet-resizer.vertical .x-spreadsheet-resizer-line {
	border-right: 2px dashed #4b89ff;
	top: 0;
	right: 0
}

.x-spreadsheet-scrollbar {
	position: absolute;
	bottom: 0;
	right: 0;
	background-color: #f4f5f8;
	opacity: .9;
	z-index: 12
}

.x-spreadsheet-scrollbar.horizontal {
	right: 15px;
	overflow-x: scroll;
	overflow-y: hidden
}

.x-spreadsheet-scrollbar.horizontal>div {
	height: 1px;
	background: #ddd
}

.x-spreadsheet-scrollbar.vertical {
	bottom: 15px;
	overflow-x: hidden;
	overflow-y: scroll
}

.x-spreadsheet-scrollbar.vertical>div {
	width: 1px;
	background: #ddd
}

.x-spreadsheet-overlayer {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10
}

.x-spreadsheet-overlayer .x-spreadsheet-overlayer-content {
	position: absolute;
	overflow: hidden;
	pointer-events: none;
	width: 100%;
	height: 100%
}

.x-spreadsheet-editor, .x-spreadsheet-selector {
	box-sizing: content-box;
	position: absolute;
	overflow: hidden;
	pointer-events: none;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.x-spreadsheet-selector .hide-input {
	position: absolute;
	z-index: 0
}

.x-spreadsheet-selector .hide-input input {
	padding: 0;
	width: 0;
	border: none !important
}

.x-spreadsheet-selector .x-spreadsheet-selector-area {
	position: absolute;
	border: 2px solid #4b89ff;
	background: #4b89ff1a;
	z-index: 5
}

.x-spreadsheet-selector .x-spreadsheet-selector-clipboard,
	.x-spreadsheet-selector .x-spreadsheet-selector-autofill {
	position: absolute;
	background: transparent;
	z-index: 100
}

.x-spreadsheet-selector .x-spreadsheet-selector-clipboard {
	border: 2px dashed #4b89ff
}

.x-spreadsheet-selector .x-spreadsheet-selector-autofill {
	border: 1px dashed rgba(0, 0, 0, .45)
}

.x-spreadsheet-selector .x-spreadsheet-selector-corner {
	pointer-events: auto;
	position: absolute;
	cursor: crosshair;
	font-size: 0;
	height: 5px;
	width: 5px;
	right: -5px;
	bottom: -5px;
	border: 2px solid #ffffff;
	background: #4b89ff
}

.x-spreadsheet-editor {
	z-index: 20
}

.x-spreadsheet-editor .x-spreadsheet-editor-area {
	position: absolute;
	text-align: left;
	border: 2px solid #4b89ff;
	line-height: 0;
	z-index: 100;
	pointer-events: auto
}

.x-spreadsheet-editor .x-spreadsheet-editor-area textarea {
	box-sizing: content-box;
	border: none;
	padding: 0 3px;
	outline: none;
	resize: none;
	text-align: start;
	overflow-y: hidden;
	font: 400 13px Arial, Lato, Source Sans Pro, Roboto, Helvetica,
		sans-serif;
	color: inherit;
	white-space: normal;
	word-wrap: break-word;
	line-height: 22px;
	margin: 0
}

.x-spreadsheet-editor .x-spreadsheet-editor-area .textline {
	overflow: hidden;
	visibility: hidden;
	position: fixed;
	top: 0;
	left: 0
}

.x-spreadsheet-item {
	-webkit-user-select: none;
	user-select: none;
	background: 0;
	border: 1px solid transparent;
	outline: none;
	height: 26px;
	color: #000000e6;
	line-height: 26px;
	list-style: none;
	padding: 2px 10px;
	cursor: default;
	text-align: left;
	overflow: hidden
}

.x-spreadsheet-item.disabled {
	pointer-events: none;
	opacity: .5
}

.x-spreadsheet-item:hover, .x-spreadsheet-item.active {
	background: #0000000d
}

.x-spreadsheet-item.divider {
	height: 0;
	padding: 0;
	margin: 5px 0;
	border: none;
	border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.x-spreadsheet-item .label {
	float: right;
	opacity: .65;
	font-size: 1em
}

.x-spreadsheet-item.state, .x-spreadsheet-header.state {
	padding-left: 35px !important;
	position: relative
}

.x-spreadsheet-item.state:before, .x-spreadsheet-header.state:before {
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	left: 12px;
	top: calc(50% - 5px);
	background: #00000014;
	border-radius: 2px
}

.x-spreadsheet-item.state.checked:before, .x-spreadsheet-header.state.checked:before
	{
	background: #4b89ff
}

.x-spreadsheet-checkbox {
	position: relative;
	display: inline-block;
	backface-visibility: hidden;
	outline: 0;
	vertical-align: baseline;
	font-style: normal;
	font-size: 1rem;
	line-height: 1em
}

.x-spreadsheet-checkbox>input {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0 !important;
	outline: 0;
	z-index: -1
}

.x-spreadsheet-suggest, .x-spreadsheet-contextmenu,
	.x-spreadsheet-sort-filter {
	position: absolute;
	box-shadow: 1px 2px 5px 2px #33333326;
	background: #fff;
	z-index: 100;
	width: 260px;
	pointer-events: auto;
	overflow: auto
}

.x-spreadsheet-suggest {
	width: 200px
}

.x-spreadsheet-filter {
	border: 1px solid #e9e9e9;
	font-size: 12px;
	margin: 10px
}

.x-spreadsheet-filter .x-spreadsheet-header {
	padding: .5em .75em;
	background: #f8f8f9;
	border-bottom: 1px solid #e9e9e9;
	border-left: 1px solid transparent
}

.x-spreadsheet-filter .x-spreadsheet-body {
	height: 200px;
	overflow-y: auto
}

.x-spreadsheet-filter .x-spreadsheet-body .x-spreadsheet-item {
	height: 20px;
	line-height: 20px
}

.x-spreadsheet-sort-filter .x-spreadsheet-buttons {
	margin: 10px
}

.x-spreadsheet-bottombar {
	height: 40px;
	padding: 0 30px;
	text-align: left;
	background: #f5f6f7;
	display: flex
}

.x-spreadsheet-bottombar {
	position: relative;
	border-top: 1px solid #e0e2e4
}

.x-spreadsheet-bottombar .x-spreadsheet-menu>li {
	line-height: 40px;
	height: 40px;
	padding-top: 0;
	padding-bottom: 0;
	vertical-align: middle;
	border-right: 1px solid #e8eaed
}

.x-spreadsheet-menu {
	display: flex;
	overflow-x: auto;
	list-style: none;
	margin: 0;
	padding: 0;
	-webkit-user-select: none;
	user-select: none
}

.x-spreadsheet-menu>li {
	float: left;
	line-height: 1.25em;
	padding: .785em 1em;
	margin: 0;
	vertical-align: middle;
	text-align: left;
	font-weight: 400;
	color: #80868b;
	white-space: nowrap;
	cursor: pointer;
	transition: all .3s;
	font-weight: 700
}

.x-spreadsheet-menu>li.active {
	background-color: #fff;
	color: #000000a6
}

.x-spreadsheet-menu>li .x-spreadsheet-dropdown {
	display: inline-block
}

.x-spreadsheet-print {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column
}

.x-spreadsheet-print-bar {
	background: #424242;
	height: 60px;
	line-height: 60px;
	padding: 0 30px
}

.x-spreadsheet-print-bar .-title {
	color: #fff;
	font-weight: 700;
	font-size: 1.2em;
	float: left
}

.x-spreadsheet-print-bar .-right {
	float: right;
	margin-top: 12px
}

.x-spreadsheet-print-content {
	display: flex;
	flex: auto;
	flex-direction: row;
	background: #d0d0d0;
	height: calc(100% - 60px)
}

.x-spreadsheet-print-content .-sider {
	flex: 0 0 300px;
	width: 300px;
	border-left: 2px solid #ccc;
	background: #fff
}

.x-spreadsheet-print-content .-content {
	flex: auto;
	overflow-x: auto;
	overflow-y: scroll;
	height: 100%
}

.x-spreadsheet-canvas-card-wraper {
	margin: 40px 20px
}

.x-spreadsheet-canvas-card {
	background: #fff;
	margin: auto;
	page-break-before: auto;
	page-break-after: always;
	box-shadow: 0 8px 10px 1px #00000024, 0 3px 14px 3px #0000001f, 0 4px
		5px #0003
}

.x-spreadsheet-calendar {
	color: #000000a6;
	background: #fff;
	-webkit-user-select: none;
	user-select: none
}

.x-spreadsheet-calendar .calendar-header {
	font-weight: 700;
	line-height: 30px;
	text-align: center;
	width: 100%;
	float: left;
	background: #f9fafb
}

.x-spreadsheet-calendar .calendar-header .calendar-header-left {
	padding-left: 5px;
	float: left
}

.x-spreadsheet-calendar .calendar-header .calendar-header-right {
	float: right
}

.x-spreadsheet-calendar .calendar-header .calendar-header-right a {
	padding: 3px 0;
	margin-right: 2px;
	border-radius: 2px
}

.x-spreadsheet-calendar .calendar-header .calendar-header-right a:hover
	{
	background: #00000014
}

.x-spreadsheet-calendar .calendar-body {
	border-collapse: collapse;
	border-spacing: 0
}

.x-spreadsheet-calendar .calendar-body th, .x-spreadsheet-calendar .calendar-body td
	{
	width: 14.28571429%;
	min-width: 32px;
	text-align: center;
	font-weight: 700;
	line-height: 30px;
	padding: 0
}

.x-spreadsheet-calendar .calendar-body td>.cell:hover {
	background: #ecf6fd
}

.x-spreadsheet-calendar .calendar-body td>.cell.active,
	.x-spreadsheet-calendar .calendar-body td>.cell.active:hover {
	background: #ecf6fd;
	color: #2185d0
}

.x-spreadsheet-calendar .calendar-body td>.cell.disabled {
	pointer-events: none;
	opacity: .5
}

.x-spreadsheet-datepicker {
	box-shadow: 2px 2px 5px #0003;
	position: absolute;
	left: 0;
	top: calc(100% + 5px);
	z-index: 10;
	width: auto
}

.x-spreadsheet-buttons {
	display: flex;
	justify-content: flex-end
}

.x-spreadsheet-buttons .x-spreadsheet-button {
	margin-left: 8px
}

.x-spreadsheet-button {
	display: inline-block;
	border-radius: 3px;
	line-height: 1em;
	min-height: 1em;
	white-space: nowrap;
	text-align: center;
	cursor: pointer;
	font-size: 1em;
	font-weight: 700;
	padding: .75em 1em;
	color: #0009;
	background: #e0e1e2;
	text-decoration: none;
	font-family: Lato, proxima-nova, Helvetica Neue, Arial, sans-serif;
	outline: none;
	vertical-align: baseline;
	zoom: 1;
	-webkit-user-select: none;
	user-select: none;
	transition: all .1s linear
}

.x-spreadsheet-button.active, .x-spreadsheet-button:hover {
	background-color: #c0c1c2;
	color: #000c
}

.x-spreadsheet-button.primary {
	color: #fff;
	background-color: #2185d0
}

.x-spreadsheet-button.primary:hover, .x-spreadsheet-button.primary.active
	{
	color: #fff;
	background-color: #1678c2
}

.x-spreadsheet-form-input {
	font-size: 1em;
	position: relative;
	font-weight: 400;
	display: inline-flex;
	color: #000000de
}

.x-spreadsheet-form-input input {
	z-index: 1;
	margin: 0;
	max-width: 100%;
	flex: 1 0 auto;
	outline: 0;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	text-align: left;
	line-height: 30px;
	height: 30px;
	padding: 0 8px;
	background: #fff;
	border: 1px solid #e9e9e9;
	border-radius: 3px;
	transition: box-shadow .1s ease, border-color .1s ease;
	box-shadow: inset 0 1px 2px #0a0a0a0f
}

.x-spreadsheet-form-input input:focus {
	border-color: #4b89ff;
	box-shadow: inset 0 1px 2px #4b89ff33
}

.x-spreadsheet-form-select {
	position: relative;
	display: inline-block;
	background: #fff;
	border: 1px solid #e9e9e9;
	border-radius: 2px;
	cursor: pointer;
	color: #000000de;
	-webkit-user-select: none;
	user-select: none;
	box-shadow: inset 0 1px 2px #0a0a0a0f
}

.x-spreadsheet-form-select .input-text {
	text-overflow: ellipsis;
	white-space: nowrap;
	min-width: 60px;
	width: auto;
	height: 30px;
	line-height: 30px;
	padding: 0 8px
}

.x-spreadsheet-form-fields {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap
}

.x-spreadsheet-form-fields .x-spreadsheet-form-field {
	flex: 0 1 auto
}

.x-spreadsheet-form-fields .x-spreadsheet-form-field .label {
	display: inline-block;
	margin: 0 10px 0 0
}

.x-spreadsheet-form-field {
	display: block;
	vertical-align: middle;
	margin-left: 10px;
	margin-bottom: 10px
}

.x-spreadsheet-form-field:first-child {
	margin-left: 0
}

.x-spreadsheet-form-field.error .x-spreadsheet-form-select,
	.x-spreadsheet-form-field.error input {
	border-color: #f04134
}

.x-spreadsheet-form-field .tip {
	color: #f04134;
	font-size: .9em
}

.x-spreadsheet-dimmer {
	display: none;
	position: absolute;
	top: 0 !important;
	left: 0 !important;
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
	background-color: #0009;
	opacity: 0;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
	transition: background-color .5s linear;
	-webkit-user-select: none;
	user-select: none;
	z-index: 1000
}

.x-spreadsheet-dimmer.active {
	display: block;
	opacity: 1
}

form fieldset {
	border: none
}

form fieldset label {
	display: block;
	margin-bottom: .5em;
	font-size: 1em;
	color: #666
}

form fieldset select {
	font-size: 1.1em;
	width: 100%;
	background-color: #fff;
	border: none;
	border-bottom: 2px solid #ddd;
	padding: .5em .85em;
	border-radius: 2px
}

.x-spreadsheet-modal, .x-spreadsheet-toast {
	font-size: 13px;
	position: fixed;
	z-index: 1001;
	text-align: left;
	line-height: 1.25em;
	min-width: 360px;
	color: #000000de;
	font-family: Lato, Source Sans Pro, Roboto, Helvetica, Arial, sans-serif;
	border-radius: 4px;
	border: 1px solid rgba(0, 0, 0, .1);
	background-color: #fff;
	background-clip: padding-box;
	box-shadow: #0003 0 2px 8px
}

.x-spreadsheet-toast {
	background-color: #ffffffd9
}

.x-spreadsheet-modal-header, .x-spreadsheet-toast-header {
	font-weight: 600;
	background-clip: padding-box;
	background-color: #ffffffd9;
	border-bottom: 1px solid rgba(0, 0, 0, .05);
	border-radius: 4px 4px 0 0
}

.x-spreadsheet-toast-header {
	color: #f2711c
}

.x-spreadsheet-modal-header {
	border-bottom: 1px solid #e0e2e4;
	background: #00000014;
	font-size: 1.0785em
}

.x-spreadsheet-modal-header, .x-spreadsheet-modal-content,
	.x-spreadsheet-toast-header, .x-spreadsheet-toast-content {
	padding: .75em 1em
}

.x-spreadsheet-menu li:first-child {
	display: none
}

.vue-office-excel {
	height: 100%
}

body {
	margin: 0
}

.gray {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray
}

.textLayer {
	position: absolute;
	text-align: initial;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
	opacity: 1;
	line-height: 1;
	text-size-adjust: none;
	forced-color-adjust: none;
	transform-origin: 0 0;
	align-content: end
}

.textLayer :is (span, br, div ){
	color: transparent;
	white-space: pre;
	cursor: text;
	transform-origin: 0 0
}

.textLayer .highlight { -
	-highlight-bg-color: rgb(180 0 170/ .25); -
	-highlight-selected-bg-color: rgb(0 100 0/ .25); -
	-highlight-backdrop-filter: none; -
	-highlight-selected-backdrop-filter: none
}

.textLayer::selection {
	background: #0000ff40;
	color: transparent;
	align-content: end
}

.selectNone::selection {
	background: #0000ff40;
	color: transparent
}

.highLighting {
	background-color: #00640040;
	-webkit-backdrop-filter: none;
	backdrop-filter: none
}

.selectHighLight {
	touch-action: none;
	margin: -1px;
	padding: 1px;
	background-color: #00640040;
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
	border-radius: 4px
}

.selectHighLight::selection {
	background: #0000ff40;
	color: transparent
}

.pages-container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center
}

.jv-toolbar-btn[data-v-9abd52f0] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	padding: 6px 10px;
	border: none;
	border-radius: var(- -jv-radius);
	background: transparent;
	color: var(- -jv-text-secondary);
	cursor: pointer;
	transition: all .2s ease
}

.jv-toolbar-btn[data-v-9abd52f0]:hover:not (:disabled ){
	background: var(- -jv-bg-secondary);
	color: var(- -jv-text-primary)
}

.jv-toolbar-btn[data-v-9abd52f0]:active:not (:disabled ){
	background: var(- -jv-bg-tertiary)
}

.jv-toolbar-btn--disabled[data-v-9abd52f0], .jv-toolbar-btn[data-v-9abd52f0]:disabled
	{
	opacity: .5;
	cursor: not-allowed
}

.jv-toolbar-btn__icon[data-v-9abd52f0] {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 18px;
	height: 18px
}

.jv-toolbar-btn__icon svg[data-v-9abd52f0] {
	width: 100%;
	height: 100%
}

.jv-toolbar-btn__label[data-v-9abd52f0] {
	font-size: 13px;
	font-weight: 500
}

.jv-zoom-control[data-v-874ddbac] {
	display: flex;
	align-items: center;
	gap: 4px
}

.jv-zoom-control__value[data-v-874ddbac] {
	min-width: 50px;
	text-align: center;
	font-size: 13px;
	font-weight: 500;
	color: var(- -jv-text-primary)
}

.jv-rotate-control[data-v-ad291658] {
	display: flex;
	align-items: center;
	gap: 4px
}

.jv-pagination[data-v-97c0759f] {
	display: flex;
	align-items: center;
	gap: 8px
}

.jv-pagination__info[data-v-97c0759f] {
	font-size: 13px;
	color: var(- -jv-text-secondary);
	min-width: 100px;
	text-align: center
}

.jv-video-toolbar[data-v-80052329] {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-width: 0;
	position: relative
}

.jv-video-toolbar__time[data-v-80052329] {
	font-size: 12px;
	color: var(- -jv-text-secondary);
	white-space: nowrap
}

.jv-video-toolbar__progress[data-v-80052329] {
	width: 180px;
	accent-color: var(- -jv-primary-color);
	cursor: pointer
}

.jv-video-toolbar__progress-track[data-v-80052329] {
	width: 180px;
	height: 8px;
	border-radius: 999px;
	background: var(- -jv-bg-secondary);
	overflow: hidden
}

.jv-video-toolbar__progress-fill[data-v-80052329] {
	height: 100%;
	border-radius: inherit;
	background: linear-gradient(90deg, var(- -jv-primary-color), #22c55e)
}

.jv-video-toolbar__volume[data-v-80052329] {
	width: 72px;
	accent-color: var(- -jv-primary-color);
	cursor: pointer
}

.jv-video-toolbar__rate[data-v-80052329] {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 12px;
	color: var(- -jv-text-secondary)
}

.jv-video-toolbar__rate select[data-v-80052329],
	.jv-video-toolbar__select--menu[data-v-80052329] {
	border: 1px solid var(- -jv-border-color);
	border-radius: 8px;
	padding: 4px 6px;
	background: var(- -jv-bg-primary);
	color: var(- -jv-text-primary)
}

.jv-video-toolbar__more[data-v-80052329] {
	position: relative
}

.jv-video-toolbar__more-menu[data-v-80052329] {
	position: absolute;
	right: 0;
	bottom: calc(100% + 10px);
	min-width: 220px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 12px;
	border: 1px solid var(- -jv-border-color);
	border-radius: 12px;
	background: var(- -jv-bg-primary);
	box-shadow: 0 12px 32px #0f172a24;
	z-index: 1000
}

.jv-video-toolbar__menu-action[data-v-80052329] {
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	padding: 8px 10px;
	border: 1px solid var(- -jv-border-color);
	border-radius: 10px;
	background: var(- -jv-bg-secondary);
	color: var(- -jv-text-primary);
	cursor: pointer
}

.jv-video-toolbar__menu-action[data-v-80052329]:hover {
	background: var(- -jv-bg-tertiary)
}

.jv-video-toolbar__menu-row[data-v-80052329] {
	display: flex;
	flex-direction: column;
	gap: 6px;
	font-size: 12px;
	color: var(- -jv-text-secondary)
}

.jv-video-toolbar__menu-label[data-v-80052329] {
	font-size: 12px;
	color: var(- -jv-text-secondary)
}

.jv-video-toolbar__progress-track--menu[data-v-80052329],
	.jv-video-toolbar__progress--menu[data-v-80052329],
	.jv-video-toolbar__volume--menu[data-v-80052329] {
	width: 100%
}

.jv-model3d-toolbar[data-v-de243c00] {
	display: flex;
	align-items: center;
	gap: 8px;
	min-width: 0
}

.jv-model3d-toolbar__button--active[data-v-de243c00] {
	background: var(- -jv-bg-secondary);
	color: var(- -jv-text-primary)
}

.jv-model3d-toolbar__meta[data-v-de243c00] {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-left: 8px;
	color: var(- -jv-text-secondary);
	font-size: 12px;
	white-space: nowrap
}

.jv-model3d-toolbar__meta span[data-v-de243c00] {
	padding: 4px 8px;
	border-radius: 999px;
	background: var(- -jv-bg-secondary)
}

.jv-toolbar[data-v-c0f0eea5] {
	display: flex;
	flex-direction: column;
	background: var(- -jv-toolbar-bg);
	border-bottom: 1px solid var(- -jv-toolbar-border);
	position: relative;
	z-index: 20;
	overflow: visible
}

.jv-toolbar--hidden[data-v-c0f0eea5] {
	display: none
}

.jv-toolbar__top[data-v-c0f0eea5], .jv-toolbar__bottom[data-v-c0f0eea5]
	{
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: var(- -jv-toolbar-height);
	padding: 0 16px;
	position: relative
}

.jv-toolbar__top[data-v-c0f0eea5] {
	border-bottom: 1px solid var(- -jv-toolbar-border);
	z-index: 1
}

.jv-toolbar__bottom[data-v-c0f0eea5] {
	z-index: 2;
	overflow: visible
}

.jv-toolbar__left[data-v-c0f0eea5], .jv-toolbar__right[data-v-c0f0eea5],
	.jv-toolbar__center[data-v-c0f0eea5] {
	display: flex;
	align-items: center;
	gap: 8px
}

.jv-toolbar__filename[data-v-c0f0eea5] {
	font-size: 14px;
	font-weight: 500;
	color: var(- -jv-text-primary);
	max-width: 300px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.jv-toolbar--bottom .jv-toolbar__top[data-v-c0f0eea5], .jv-toolbar--top .jv-toolbar__bottom[data-v-c0f0eea5]
	{
	display: none
}

.jv-file-render--docx[data-v-9181c8b1] {
	width: 100%;
	height: 100%;
	overflow: auto;
	display: flex;
	justify-content: center;
	padding: 20px
}

.jv-file-render--docx[data-v-9181c8b1] .vue-office-docx {
	background: #fff;
	box-shadow: var(- -jv-shadow)
}

.jv-file-render--excel[data-v-a8c7c89f] {
	width: 100%;
	height: 100%;
	overflow: auto
}

.jv-file-render--csv[data-v-0dc1ca7d] {
	width: 100%;
	height: 100%;
	min-width: 0;
	max-width: 100%;
	overflow: hidden;
	background: var(- -jv-bg-primary);
	display: flex;
	flex-direction: column
}

.jv-csv-toolbar[data-v-0dc1ca7d] {
	position: sticky;
	top: 0;
	z-index: 2;
	display: flex;
	gap: 16px;
	align-items: center;
	padding: 12px 16px;
	background: color-mix(in srgb, var(- -jv-bg-secondary) 92%, white);
	border-bottom: 1px solid var(- -jv-border-color, #e5e7eb)
}

.jv-csv-meta[data-v-0dc1ca7d] {
	font-size: 13px;
	color: var(- -jv-text-secondary)
}

.jv-csv-scroll[data-v-0dc1ca7d] {
	flex: 1;
	min-height: 0;
	min-width: 0;
	max-width: 100%;
	overflow: hidden
}

.jv-csv-stage[data-v-0dc1ca7d] {
	padding: 16px;
	width: 100%;
	height: 100%;
	min-width: 0;
	max-width: 100%
}

.jv-csv-empty[data-v-0dc1ca7d] {
	padding: 24px;
	color: var(- -jv-text-secondary)
}

.jv-csv-fit-scroll[data-v-0dc1ca7d] {
	width: 100%;
	height: 100%;
	min-width: 0;
	max-width: 100%;
	overflow: auto
}

.jv-csv-fit-shell[data-v-0dc1ca7d] {
	position: relative;
	width: 100%;
	min-width: 100%;
	max-width: 100%
}

.jv-csv-fit-content[data-v-0dc1ca7d] {
	position: absolute;
	top: 0;
	left: 0
}

.jv-csv-table[data-v-0dc1ca7d] {
	border-collapse: collapse;
	width: max-content;
	background: #fff;
	box-shadow: var(- -jv-shadow)
}

.jv-csv-table th[data-v-0dc1ca7d], .jv-csv-table td[data-v-0dc1ca7d] {
	min-width: 140px;
	max-width: 280px;
	padding: 10px 12px;
	border: 1px solid #e5e7eb;
	text-align: left;
	vertical-align: top;
	white-space: pre-wrap;
	word-break: break-word;
	font-size: 13px;
	color: var(- -jv-text-primary)
}

.jv-csv-table thead th[data-v-0dc1ca7d] {
	position: sticky;
	top: 0;
	z-index: 2;
	background: #f8fafc;
	font-weight: 600
}

.jv-csv-index[data-v-0dc1ca7d] {
	min-width: 60px !important;
	width: 60px;
	text-align: center !important;
	color: var(- -jv-text-secondary) !important;
	background: #f8fafc
}

.jv-csv-table tbody tr[data-v-0dc1ca7d]:nth-child(2n) {
	background: #fcfcfd
}

.jv-file-render--pdf[data-v-7b5a4de0] {
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: var(- -jv-bg-secondary);
	display: flex;
	flex-direction: column
}

.jv-pdf-loading[data-v-7b5a4de0] {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	color: var(- -jv-text-secondary, #6b7280);
	font-size: 14px
}

.jv-pdf-loading-spinner[data-v-7b5a4de0] {
	display: inline-block;
	width: 18px;
	height: 18px;
	border: 2px solid #e5e7eb;
	border-top-color: var(- -jv-primary, #1677ff);
	border-radius: 50%;
	animation: jv-spin-7b5a4de0 .7s linear infinite
}

@
keyframes jv-spin-7b5a4de0 {
	to {transform: rotate(360deg)
}

}
.jv-pdf-error[data-v-7b5a4de0] {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 24px;
	color: #ef4444;
	font-size: 14px;
	text-align: center
}

.jv-pdf-scroll[data-v-7b5a4de0] {
	flex: 1;
	width: 100%;
	overflow: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	padding: 16px 0;
	box-sizing: border-box
}

.jv-pdf-page-wrapper[data-v-7b5a4de0] {
	flex-shrink: 0;
	background: #fff;
	box-shadow: var(- -jv-shadow);
	line-height: 0
}

.jv-pdf-canvas[data-v-7b5a4de0] {
	display: block
}

.jv-pdf-iframe[data-v-7b5a4de0] {
	width: 100%;
	height: 100%;
	display: block;
	border: none
}

.jv-file-render--pptx[data-v-b31abca4] {
	width: 100%;
	height: 100%;
	overflow: auto;
	background: var(- -jv-bg-secondary)
}

.jv-file-render--pptx[data-v-b31abca4] .pptx-wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
	padding: 20px
}

.jv-file-render--pptx[data-v-b31abca4] .pptx-slide {
	background: #fff;
	box-shadow: var(- -jv-shadow)
}

.jv-file-render--text[data-v-284b6d72] {
	width: 100%;
	height: 100%;
	overflow: auto;
	background: var(- -jv-bg-primary);
	padding: 20px;
	position: relative
}

.jv-text-encoding-badge[data-v-284b6d72] {
	position: absolute;
	top: 24px;
	right: 28px;
	font-size: 11px;
	font-family: Consolas, Monaco, monospace;
	color: var(- -jv-text-secondary, #94a3b8);
	background: var(- -jv-bg-secondary, #1e293b);
	border: 1px solid var(- -jv-border, rgba(148, 163, 184, .15));
	border-radius: 4px;
	padding: 2px 8px;
	letter-spacing: .04em;
	z-index: 1;
	pointer-events: none
}

.jv-text-content[data-v-284b6d72] {
	margin: 0;
	padding: 20px;
	font-family: Consolas, Monaco, Courier New, monospace;
	font-size: 14px;
	line-height: 1.6;
	color: var(- -jv-text-primary);
	white-space: pre-wrap;
	word-wrap: break-word;
	background: var(- -jv-bg-secondary);
	border-radius: var(- -jv-radius);
	min-height: 100%
}

.jv-file-render--code[data-v-1f367958] {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: var(- -jv-bg-primary)
}

.jv-code-header[data-v-1f367958] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	flex-wrap: wrap;
	padding: 12px 16px;
	border-bottom: 1px solid var(- -jv-border-color);
	background: color-mix(in srgb, var(- -jv-bg-secondary) 84%,
		var(- -jv-bg-primary) 16%)
}

.jv-code-meta[data-v-1f367958] {
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 0
}

.jv-code-actions[data-v-1f367958] {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap
}

.jv-code-language[data-v-1f367958] {
	padding: 2px 10px;
	border-radius: 999px;
	background: color-mix(in srgb, var(- -jv-primary-color) 14%, transparent);
	color: var(- -jv-primary-color);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .02em
}

.jv-code-filename[data-v-1f367958], .jv-code-stats[data-v-1f367958] {
	color: var(- -jv-text-secondary);
	font-size: 12px;
	white-space: nowrap
}

.jv-code-filename[data-v-1f367958] {
	overflow: hidden;
	text-overflow: ellipsis
}

.jv-code-body[data-v-1f367958] {
	flex: 1;
	overflow: auto;
	background: var(- -jv-bg-primary)
}

.jv-code-body--wrap .jv-code-line[data-v-1f367958] {
	white-space: pre-wrap;
	overflow-wrap: anywhere
}

.jv-code-table[data-v-1f367958] {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed
}

.jv-code-row[data-v-1f367958]:hover {
	background: color-mix(in srgb, var(- -jv-bg-secondary) 72%, transparent)
}

.jv-code-line-number[data-v-1f367958] {
	position: sticky;
	left: 0;
	z-index: 1;
	width: 64px;
	min-width: 64px;
	padding: 0 12px 0 16px;
	border-right: 1px solid var(- -jv-border-color-light);
	background: color-mix(in srgb, var(- -jv-bg-primary) 94%,
		var(- -jv-bg-secondary) 6%);
	color: var(- -jv-text-tertiary);
	text-align: right;
	vertical-align: top;
	-webkit-user-select: none;
	user-select: none;
	font: 12px/1.7 SFMono-Regular, Consolas, Monaco, Liberation Mono,
		monospace
}

.jv-code-line-content[data-v-1f367958] {
	padding: 0
}

.jv-code-line[data-v-1f367958] {
	margin: 0;
	padding: 0 20px;
	color: var(- -jv-text-primary);
	white-space: pre;
	font: 13px/1.7 SFMono-Regular, Consolas, Monaco, Liberation Mono,
		monospace;
	-moz-tab-size: 2;
	tab-size: 2;
	background: none;
	border-radius: 0
}

.jv-code-line code[data-v-1f367958] {
	background: none;
	border-radius: 0;
	padding: 0;
	font: inherit;
	color: inherit
}

.jv-code-action[data-v-1f367958] {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 10px;
	border: 1px solid var(- -jv-border-color);
	border-radius: var(- -jv-radius);
	background: color-mix(in srgb, var(- -jv-bg-primary) 90%,
		var(- -jv-bg-secondary) 10%);
	color: var(- -jv-text-secondary);
	cursor: pointer;
	transition: all .2s ease;
	font-size: 12px;
	font-weight: 500
}

.jv-code-action[data-v-1f367958]:hover {
	border-color: color-mix(in srgb, var(- -jv-primary-color) 36%,
		var(- -jv-border-color));
	color: var(- -jv-text-primary);
	background: color-mix(in srgb, var(- -jv-primary-color) 8%,
		var(- -jv-bg-primary))
}

.jv-code-action svg[data-v-1f367958] {
	width: 14px;
	height: 14px;
	flex: 0 0 auto
}

.jv-file-render--code[data-v-1f367958] .jv-code-token--comment {
	color: #7a8699
}

.jv-file-render--code[data-v-1f367958] .jv-code-token--keyword {
	color: #c45508;
	font-weight: 600
}

.jv-file-render--code[data-v-1f367958] .jv-code-token--string {
	color: #0c7d4a
}

.jv-file-render--code[data-v-1f367958] .jv-code-token--number {
	color: #8e44ad
}

.jv-file-render--code[data-v-1f367958] .jv-code-token--literal {
	color: #9f2f6c;
	font-weight: 600
}

.jv-file-render--code[data-v-1f367958] .jv-code-token--function {
	color: #0f5fd7
}

.jv-file-render--code[data-v-1f367958] .jv-code-token--property {
	color: #b05a00
}

.jv-file-render--code[data-v-1f367958] .jv-code-token--operator,
	.jv-file-render--code[data-v-1f367958] .jv-code-token--punctuation {
	color: var(- -jv-text-secondary)
}

.jv-file-render--code[data-v-1f367958] .jv-code-token--decorator,
	.jv-file-render--code[data-v-1f367958] .jv-code-token--variable {
	color: #a2371e
}

.jv-viewer--theme-dark .jv-file-render--code[data-v-1f367958] .jv-code-token--comment
	{
	color: #7f8c9a
}

.jv-viewer--theme-dark .jv-file-render--code[data-v-1f367958] .jv-code-token--keyword
	{
	color: #ffb454
}

.jv-viewer--theme-dark .jv-file-render--code[data-v-1f367958] .jv-code-token--string
	{
	color: #8bd49c
}

.jv-viewer--theme-dark .jv-file-render--code[data-v-1f367958] .jv-code-token--number
	{
	color: #d2a8ff
}

.jv-viewer--theme-dark .jv-file-render--code[data-v-1f367958] .jv-code-token--literal
	{
	color: #ff8dc7
}

.jv-viewer--theme-dark .jv-file-render--code[data-v-1f367958] .jv-code-token--function
	{
	color: #79c0ff
}

.jv-viewer--theme-dark .jv-file-render--code[data-v-1f367958] .jv-code-token--property
	{
	color: #ffd580
}

.jv-viewer--theme-dark .jv-file-render--code[data-v-1f367958] .jv-code-token--operator,
	.jv-viewer--theme-dark .jv-file-render--code[data-v-1f367958] .jv-code-token--punctuation
	{
	color: #b9c3d0
}

.jv-viewer--theme-dark .jv-file-render--code[data-v-1f367958] .jv-code-token--decorator,
	.jv-viewer--theme-dark .jv-file-render--code[data-v-1f367958] .jv-code-token--variable
	{
	color: #ffab91
}

.jv-file-render--markdown[data-v-2d9fb509] {
	width: 100%;
	height: 100%;
	overflow: auto;
	background: var(- -jv-bg-primary);
	padding: 20px
}

.jv-markdown-content[data-v-2d9fb509] {
	max-width: 800px;
	margin: 0 auto;
	padding: 30px;
	background: var(- -jv-bg-primary);
	border-radius: var(- -jv-radius-lg);
	line-height: 1.8;
	color: var(- -jv-text-primary)
}

.jv-markdown-content[data-v-2d9fb509] h1, .jv-markdown-content[data-v-2d9fb509] h2,
	.jv-markdown-content[data-v-2d9fb509] h3, .jv-markdown-content[data-v-2d9fb509] h4,
	.jv-markdown-content[data-v-2d9fb509] h5, .jv-markdown-content[data-v-2d9fb509] h6
	{
	margin-top: 24px;
	margin-bottom: 16px;
	font-weight: 600;
	line-height: 1.25;
	color: var(- -jv-text-primary)
}

.jv-markdown-content[data-v-2d9fb509] h1 {
	font-size: 2em;
	border-bottom: 1px solid var(- -jv-border-color);
	padding-bottom: .3em
}

.jv-markdown-content[data-v-2d9fb509] h2 {
	font-size: 1.5em;
	border-bottom: 1px solid var(- -jv-border-color);
	padding-bottom: .3em
}

.jv-markdown-content[data-v-2d9fb509] h3 {
	font-size: 1.25em
}

.jv-markdown-content[data-v-2d9fb509] p {
	margin-bottom: 16px
}

.jv-markdown-content[data-v-2d9fb509] code {
	padding: .2em .4em;
	background: var(- -jv-bg-secondary);
	border-radius: 3px;
	font-family: Consolas, Monaco, Courier New, monospace;
	font-size: 85%
}

.jv-markdown-content[data-v-2d9fb509] pre {
	padding: 16px;
	overflow: auto;
	background: var(- -jv-bg-secondary);
	border-radius: var(- -jv-radius);
	margin-bottom: 16px
}

.jv-markdown-content[data-v-2d9fb509] pre code {
	padding: 0;
	background: transparent
}

.jv-markdown-content[data-v-2d9fb509] ul, .jv-markdown-content[data-v-2d9fb509] ol
	{
	padding-left: 2em;
	margin-bottom: 16px
}

.jv-markdown-content[data-v-2d9fb509] li {
	margin-bottom: .25em
}

.jv-markdown-content[data-v-2d9fb509] blockquote {
	padding: 0 1em;
	border-left: 4px solid var(- -jv-primary-color);
	margin-bottom: 16px;
	color: var(- -jv-text-secondary)
}

.jv-markdown-content[data-v-2d9fb509] a {
	color: var(- -jv-primary-color);
	text-decoration: none
}

.jv-markdown-content[data-v-2d9fb509] a:hover {
	text-decoration: underline
}

.jv-markdown-content[data-v-2d9fb509] hr {
	border: none;
	border-top: 1px solid var(- -jv-border-color);
	margin: 24px 0
}

.jv-markdown-content[data-v-2d9fb509] img {
	max-width: 100%;
	height: auto;
	border-radius: var(- -jv-radius)
}

.jv-markdown-content[data-v-2d9fb509] table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 16px;
	border: 1px solid var(- -jv-border-color)
}

.jv-markdown-content[data-v-2d9fb509] th, .jv-markdown-content[data-v-2d9fb509] td
	{
	padding: 12px 16px;
	border: 1px solid var(- -jv-border-color);
	text-align: left
}

.jv-markdown-content[data-v-2d9fb509] th {
	background: var(- -jv-bg-secondary);
	font-weight: 600;
	color: var(- -jv-text-primary)
}

.jv-markdown-content[data-v-2d9fb509] tr:nth-child(2n) {
	background: var(- -jv-bg-secondary)
}

.jv-markdown-content[data-v-2d9fb509] tr:hover {
	background: var(- -jv-bg-hover, rgba(0, 0, 0, .05))
}

.jv-markdown-content[data-v-2d9fb509] del {
	text-decoration: line-through;
	color: var(- -jv-text-secondary)
}

.jv-file-render--ofd[data-v-f933a20c] {
	width: 100%;
	height: 100%;
	position: relative;
	background: var(- -jv-bg-secondary, #f5f5f5)
}

.jv-ofd-scroll[data-v-f933a20c] {
	width: 100%;
	height: 100%;
	overflow: auto;
	padding: 20px 0
}

.jv-ofd-stage[data-v-f933a20c] {
	min-height: 100%;
	display: flex;
	justify-content: center
}

.jv-ofd-container[data-v-f933a20c] {
	min-height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center
}

.jv-ofd-loading[data-v-f933a20c], .jv-ofd-error[data-v-f933a20c] {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(- -jv-text-secondary, #666);
	font-size: 14px;
	background: #ffffffe0;
	z-index: 1
}

.jv-ofd-error[data-v-f933a20c] {
	color: var(- -jv-error, #f56c6c)
}

.jv-ofd-container[data-v-f933a20c] .page-container {
	margin: 12px auto;
	box-shadow: 0 2px 8px #0000001a;
	background: #fff
}

.jv-ofd-container[data-v-f933a20c] canvas {
	display: block
}

.jv-file-render--html[data-v-be7a9198] {
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: linear-gradient(180deg, #f8fbfd, #eef3f7);
	position: relative
}

.jv-html-iframe[data-v-be7a9198] {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
	background: #fff
}

.jv-html-loading[data-v-be7a9198] {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 12px;
	background: #ffffffe6;
	color: #666;
	font-size: 14px
}

.jv-loading-spinner[data-v-be7a9198] {
	width: 32px;
	height: 32px;
	border: 3px solid #e0e0e0;
	border-top-color: #1677ff;
	border-radius: 50%;
	animation: jv-spin-be7a9198 1s linear infinite
}

@
keyframes jv-spin-be7a9198 {
	to {transform: rotate(360deg)
}

}
.jv-html-error[data-v-be7a9198] {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #ffffffe6;
	color: #ff4d4f;
	font-size: 14px
}

.jv-file-render--image[data-v-4810f73a] {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(- -jv-bg-secondary);
	position: relative;
	overflow: hidden
}

.jv-image-loading[data-v-4810f73a], .jv-image-error[data-v-4810f73a] {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 12px;
	color: var(- -jv-text-secondary)
}

.jv-image-error svg[data-v-4810f73a] {
	width: 48px;
	height: 48px;
	color: #ff4d4f
}

.jv-loading-spinner[data-v-4810f73a] {
	width: 40px;
	height: 40px;
	border: 3px solid var(- -jv-border-color);
	border-top-color: var(- -jv-primary-color);
	border-radius: 50%;
	animation: jv-spin-4810f73a 1s linear infinite
}

@
keyframes jv-spin-4810f73a {
	to {transform: rotate(360deg)
}

}
.jv-image-wrapper[data-v-4810f73a] {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	overflow: hidden
}

.jv-image-wrapper--dragging[data-v-4810f73a] {
	-webkit-user-select: none;
	user-select: none
}

.jv-image[data-v-4810f73a] {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	will-change: transform
}

.jv-image-controls[data-v-4810f73a] {
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translate(-50%);
	display: flex;
	gap: 8px;
	padding: 8px 12px;
	background: #000000b3;
	border-radius: 8px;
	opacity: 0;
	transition: opacity .3s ease
}

.jv-file-render--image:hover .jv-image-controls[data-v-4810f73a] {
	opacity: 1
}

.jv-image-btn[data-v-4810f73a] {
	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	background: transparent;
	border: none;
	border-radius: 4px;
	color: #fff;
	cursor: pointer;
	transition: background .2s ease;
	-moz-appearance: none;
	appearance: none;
	-webkit-appearance: none;
	line-height: 1
}

.jv-image-btn[data-v-4810f73a]:hover {
	background: #fff3
}

.jv-image-btn svg[data-v-4810f73a] {
	display: block;
	flex: 0 0 auto;
	width: 18px;
	height: 18px;
	stroke: currentColor;
	fill: none
}

.jv-image-info[data-v-4810f73a] {
	position: absolute;
	top: 12px;
	right: 12px;
	padding: 6px 12px;
	background: #0009;
	color: #fff;
	font-size: 12px;
	border-radius: 4px;
	opacity: 0;
	transition: opacity .3s ease
}

.jv-file-render--image:hover .jv-image-info[data-v-4810f73a] {
	opacity: 1
}

:fullscreen .jv-file-render--image[data-v-4810f73a] {
	background: #000
}

.jv-file-render--video[data-v-3724591d] {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #0f172a;
	overflow: auto;
	position: relative
}

.jv-video-loading[data-v-3724591d], .jv-video-error[data-v-3724591d] {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	color: #e2e8f0
}

.jv-video-error svg[data-v-3724591d] {
	width: 40px;
	height: 40px
}

.jv-loading-spinner[data-v-3724591d] {
	width: 36px;
	height: 36px;
	border: 3px solid rgba(255, 255, 255, .24);
	border-top-color: #fff;
	border-radius: 50%;
	animation: jv-video-spin-3724591d .8s linear infinite
}

.jv-video-stage[data-v-3724591d] {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 16px;
	padding: 24px;
	position: relative
}

.jv-video-stage__inner[data-v-3724591d] {
	max-width: 100%;
	max-height: 100%;
	position: relative
}

.jv-video-loading[data-v-3724591d] {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 12px;
	background: #0f172ab8;
	z-index: 1
}

.jv-video-player[data-v-3724591d] {
	max-width: min(100%, 1200px);
	max-height: calc(100vh - 220px);
	width: min(100%, 1200px);
	border-radius: 16px;
	background: #000;
	box-shadow: 0 20px 40px #00000059
}

.jv-video-controls[data-v-3724591d] {
	position: absolute;
	left: 16px;
	right: 16px;
	bottom: 16px;
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px 14px;
	border-radius: 14px;
	background: linear-gradient(180deg, #0f172ac7, #0f172aeb);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	color: #e2e8f0;
	box-shadow: 0 18px 40px #02061759
}

.jv-video-controls--compact .jv-video-controls__timeline[data-v-3724591d]
	{
	min-width: 96px
}

.jv-video-controls__btn[data-v-3724591d] {
	border: 0;
	border-radius: 999px;
	padding: 8px 14px;
	background: #f8fafc;
	color: #0f172a;
	font-size: 13px;
	font-weight: 600;
	cursor: pointer
}

.jv-video-controls__btn--ghost[data-v-3724591d] {
	background: #ffffff1f;
	color: #e2e8f0
}

.jv-video-controls__timeline[data-v-3724591d] {
	flex: 1;
	min-width: 140px
}

.jv-video-controls__progress-track[data-v-3724591d] {
	width: 100%;
	height: 8px;
	border-radius: 999px;
	background: #94a3b847;
	overflow: hidden
}

.jv-video-controls__progress-fill[data-v-3724591d] {
	height: 100%;
	border-radius: inherit;
	background: linear-gradient(90deg, #38bdf8, #22c55e)
}

.jv-video-controls__range[data-v-3724591d], .jv-video-controls__volume[data-v-3724591d]
	{
	width: 100%;
	accent-color: #38bdf8;
	cursor: pointer
}

.jv-video-controls__time[data-v-3724591d] {
	white-space: nowrap;
	font-size: 13px;
	color: #cbd5e1
}

.jv-video-controls__rate[data-v-3724591d] {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	white-space: nowrap;
	font-size: 13px
}

.jv-video-controls__rate select[data-v-3724591d] {
	border: 1px solid rgba(148, 163, 184, .35);
	border-radius: 10px;
	padding: 6px 8px;
	background: #0f172acc;
	color: #e2e8f0
}

.jv-video-controls__volume[data-v-3724591d] {
	width: 96px
}

.jv-video-info[data-v-3724591d] {
	display: inline-flex;
	gap: 16px;
	flex-wrap: wrap;
	justify-content: center;
	padding: 10px 14px;
	border-radius: 999px;
	background: #0f172ab3;
	color: #cbd5e1;
	font-size: 13px
}

@media ( max-width : 768px) {
	.jv-video-controls[data-v-3724591d] {
		flex-wrap: wrap;
		gap: 10px
	}
	.jv-video-controls__timeline[data-v-3724591d] {
		order: 10;
		width: 100%
	}
	.jv-video-controls__volume[data-v-3724591d] {
		width: 100%
	}
}

@
keyframes jv-video-spin-3724591d {
	to {transform: rotate(360deg)
}

}
.jv-file-render--audio[data-v-1e63b799] {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	min-height: 280px;
	background: var(- -jv-bg-primary);
	overflow: hidden;
	-webkit-user-select: none;
	user-select: none
}

.jv-audio-error[data-v-1e63b799] {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 12px;
	color: var(- -jv-text-secondary, #888);
	font-size: 14px
}

.jv-audio-error svg[data-v-1e63b799] {
	width: 40px;
	height: 40px;
	color: #ef4444
}

.jv-audio-visualizer[data-v-1e63b799] {
	flex: 1;
	position: relative;
	overflow: hidden;
	min-height: 120px;
	background: linear-gradient(175deg, var(- -jv-bg-secondary, #f8f8f8) 0%,
		var(- -jv-bg-primary, #ffffff) 100%)
}

.jv-audio-canvas[data-v-1e63b799] {
	display: block;
	position: absolute;
	top: 0;
	left: 0
}

.jv-audio-idle[data-v-1e63b799] {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 20px;
	pointer-events: none
}

.jv-audio-idle__icon svg[data-v-1e63b799] {
	width: 52px;
	height: 52px;
	color: var(- -jv-primary-color, #6366f1);
	opacity: .3
}

.jv-audio-idle__bars[data-v-1e63b799] {
	display: flex;
	align-items: flex-end;
	gap: 5px;
	height: 36px
}

.jv-audio-idle__bar[data-v-1e63b799] {
	width: 5px;
	background: var(- -jv-primary-color, #6366f1);
	opacity: .35;
	border-radius: 3px;
	animation: jv-idle-bounce-1e63b799 1.4s ease-in-out infinite;
	animation-delay: calc(( var(- -bar-idx, 1)- 1)* .18s);
	transform-origin: bottom
}

.jv-audio-idle__bar[data-v-1e63b799]:nth-child(1) {
	height: 10px
}

.jv-audio-idle__bar[data-v-1e63b799]:nth-child(2) {
	height: 18px
}

.jv-audio-idle__bar[data-v-1e63b799]:nth-child(3) {
	height: 28px
}

.jv-audio-idle__bar[data-v-1e63b799]:nth-child(4) {
	height: 36px
}

.jv-audio-idle__bar[data-v-1e63b799]:nth-child(5) {
	height: 28px
}

.jv-audio-idle__bar[data-v-1e63b799]:nth-child(6) {
	height: 18px
}

.jv-audio-idle__bar[data-v-1e63b799]:nth-child(7) {
	height: 10px
}

@
keyframes jv-idle-bounce-1e63b799 { 0%,
	to {transform: scaleY(1)
}

50%{
transform
:scaleY
(
.25
)
}
}
.jv-audio-overlay[data-v-1e63b799] {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
	background: var(- -jv-bg-primary);
	color: var(- -jv-text-secondary, #888);
	font-size: 13px;
	z-index: 1
}

.jv-audio-meta[data-v-1e63b799] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 16px 4px;
	gap: 12px;
	min-height: 36px
}

.jv-audio-meta__name[data-v-1e63b799] {
	flex: 1;
	font-size: 14px;
	font-weight: 500;
	color: var(- -jv-text-primary);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: flex;
	align-items: center;
	gap: 6px
}

.jv-audio-meta__note[data-v-1e63b799] {
	color: var(- -jv-primary-color, #6366f1);
	font-size: 15px;
	flex-shrink: 0
}

.jv-audio-meta__time[data-v-1e63b799] {
	display: flex;
	align-items: center;
	font-size: 12px;
	color: var(- -jv-text-secondary, #888);
	white-space: nowrap;
	font-variant-numeric: tabular-nums;
	flex-shrink: 0
}

.jv-audio-meta__sep[data-v-1e63b799] {
	opacity: .45
}

.jv-audio-progress[data-v-1e63b799] {
	padding: 8px 16px;
	cursor: pointer;
	position: relative
}

.jv-audio-progress__track[data-v-1e63b799] {
	height: 4px;
	background: var(- -jv-border-color, #e8e8e8);
	border-radius: 3px;
	position: relative;
	transition: height .15s ease
}

.jv-audio-progress:hover .jv-audio-progress__track[data-v-1e63b799] {
	height: 6px
}

.jv-audio-progress__buf[data-v-1e63b799] {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	background: var(- -jv-primary-color, #6366f1);
	opacity: .22;
	border-radius: 3px;
	pointer-events: none;
	transition: width .3s linear
}

.jv-audio-progress__fill[data-v-1e63b799] {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	background: var(- -jv-primary-color, #6366f1);
	border-radius: 3px;
	pointer-events: none
}

.jv-audio-progress__thumb[data-v-1e63b799] {
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 12px;
	height: 12px;
	background: var(- -jv-primary-color, #6366f1);
	border-radius: 50%;
	box-shadow: 0 1px 4px #0003;
	pointer-events: none
}

.jv-audio-progress__tip[data-v-1e63b799] {
	position: absolute;
	bottom: calc(100% + 2px);
	transform: translate(-50%);
	background: #000000b8;
	color: #fff;
	font-size: 11px;
	padding: 2px 7px;
	border-radius: 4px;
	white-space: nowrap;
	pointer-events: none;
	z-index: 2
}

.jv-audio-controls[data-v-1e63b799] {
	display: flex;
	align-items: center;
	padding: 6px 10px 12px;
	gap: 4px
}

.jv-audio-controls__spacer[data-v-1e63b799] {
	flex: 1
}

.jv-audio-btn[data-v-1e63b799] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: none;
	background: transparent;
	cursor: pointer;
	border-radius: 50%;
	transition: background .15s, color .15s, filter .15s;
	flex-shrink: 0;
	outline: none;
	color: var(- -jv-text-primary);
	width: 40px;
	height: 40px
}

.jv-audio-btn[data-v-1e63b799]:hover {
	background: var(- -jv-hover-bg, rgba(0, 0, 0, .06))
}

.jv-audio-btn--sm[data-v-1e63b799] {
	width: 34px;
	height: 34px
}

.jv-audio-btn--primary[data-v-1e63b799] {
	width: 44px;
	height: 44px;
	background: var(- -jv-primary-color, #6366f1);
	color: #fff
}

.jv-audio-btn--primary[data-v-1e63b799]:hover {
	filter: brightness(.9);
	background: var(- -jv-primary-color, #6366f1)
}

.jv-audio-btn--ghost[data-v-1e63b799] {
	color: var(- -jv-text-secondary, #999)
}

.jv-audio-btn--ghost[data-v-1e63b799]:hover {
	color: var(- -jv-text-primary)
}

.jv-audio-btn--active[data-v-1e63b799] {
	color: var(- -jv-primary-color, #6366f1) !important
}

.jv-audio-btn--vis[data-v-1e63b799] {
	width: auto;
	padding: 0 8px;
	gap: 4px
}

.jv-audio-vis-label[data-v-1e63b799] {
	font-size: 11px;
	line-height: 1;
	white-space: nowrap;
	opacity: .85
}

.jv-audio-volume[data-v-1e63b799] {
	display: flex;
	align-items: center;
	gap: 4px;
	margin-left: 2px
}

.jv-audio-volume__slider[data-v-1e63b799] {
	width: 70px;
	cursor: pointer;
	accent-color: var(- -jv-primary-color, #6366f1);
	height: 4px
}

.jv-loading-spinner[data-v-1e63b799] {
	width: 28px;
	height: 28px;
	border: 3px solid var(- -jv-border-color, #e8e8e8);
	border-top-color: var(- -jv-primary-color, #6366f1);
	border-radius: 50%;
	animation: jv-spin-1e63b799 .75s linear infinite
}

@
keyframes jv-spin-1e63b799 {
	to {transform: rotate(360deg)
}

}
.jv-audio-fade-enter-active[data-v-1e63b799],
	.jv-audio-fade-leave-active[data-v-1e63b799] {
	transition: opacity .3s ease
}

.jv-audio-fade-enter-from[data-v-1e63b799], .jv-audio-fade-leave-to[data-v-1e63b799]
	{
	opacity: 0
}

:root[data-jv-theme=dark] .jv-audio-visualizer[data-v-1e63b799],
	.jv-viewer[data-jv-theme=dark] .jv-audio-visualizer[data-v-1e63b799] {
	background: linear-gradient(175deg, var(- -jv-bg-secondary, #1e1e1e) 0%,
		var(- -jv-bg-primary, #141414) 100%)
}

.jv-file-render--cad[data-v-e15cac16] {
	width: 100%;
	height: 100%;
	background: var(- -jv-cad-background);
	color: #e2e8f0;
	position: relative;
	overflow: hidden
}

.jv-cad-stage[data-v-e15cac16], .jv-cad-dxf[data-v-e15cac16],
	.jv-cad-iframe[data-v-e15cac16] {
	width: 100%;
	height: 100%
}

.jv-cad-iframe[data-v-e15cac16] {
	display: block;
	border: none;
	background: #fff
}

.jv-cad-loading[data-v-e15cac16], .jv-cad-error[data-v-e15cac16] {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 12px;
	z-index: 2
}

.jv-cad-loading[data-v-e15cac16] {
	background: #0b1220ad
}

.jv-cad-error[data-v-e15cac16] {
	padding: 24px;
	text-align: center;
	background: linear-gradient(180deg, #0b1220eb, #0f172af5)
}

.jv-cad-error svg[data-v-e15cac16] {
	width: 40px;
	height: 40px
}

.jv-loading-spinner[data-v-e15cac16] {
	width: 36px;
	height: 36px;
	border: 3px solid rgba(255, 255, 255, .2);
	border-top-color: #fff;
	border-radius: 50%;
	animation: jv-cad-spin-e15cac16 .8s linear infinite
}

@
keyframes jv-cad-spin-e15cac16 {
	to {transform: rotate(360deg)
}

}
.jv-watermark-container[data-v-3c7535d0] {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden
}

.jv-watermark-layer[data-v-3c7535d0] {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 50px;
	overflow: hidden
}

.jv-watermark-line[data-v-3c7535d0] {
	text-align: center;
	line-height: 1.5
}

.jv-watermark-row[data-v-3c7535d0] {
	display: flex;
	gap: 100px
}

.jv-watermark-image[data-v-3c7535d0] {
	opacity: .3
}

.jv-watermark--top[data-v-3c7535d0] {
	z-index: 9999
}

.jv-viewer[data-v-cd25aa6e] {
	display: flex;
	flex-direction: column;
	background: var(- -jv-bg-primary);
	border-radius: var(- -jv-radius-lg);
	overflow: hidden;
	box-shadow: var(- -jv-shadow);
	min-width: 0;
	position: relative
}

.jv-viewer--fullscreen[data-v-cd25aa6e] {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9999;
	border-radius: 0
}

.jv-viewer__content[data-v-cd25aa6e] {
	flex: 1;
	min-height: 0;
	min-width: 0;
	overflow: hidden;
	position: relative
}

.jv-viewer__render[data-v-cd25aa6e] {
	width: 100%;
	height: 100%;
	min-width: 0;
	transition: transform .3s ease;
	position: relative
}

.jv-viewer__loading-overlay[data-v-cd25aa6e] {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 12px;
	color: var(- -jv-text-secondary);
	background: var(- -jv-bg-primary);
	z-index: 10
}

.jv-viewer__loading[data-v-cd25aa6e], .jv-viewer__error[data-v-cd25aa6e],
	.jv-viewer__empty[data-v-cd25aa6e], .jv-viewer__unsupported[data-v-cd25aa6e]
	{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100%;
	gap: 12px;
	color: var(- -jv-text-secondary)
}

.jv-loading-spinner[data-v-cd25aa6e] {
	width: 40px;
	height: 40px;
	border: 3px solid var(- -jv-border-color);
	border-top-color: var(- -jv-primary-color);
	border-radius: 50%;
	animation: jv-spin-cd25aa6e 1s linear infinite
}

@
keyframes jv-spin-cd25aa6e {
	to {transform: rotate(360deg)
}

}
.jv-loading-text[data-v-cd25aa6e], .jv-error-text[data-v-cd25aa6e],
	.jv-empty-text[data-v-cd25aa6e] {
	font-size: 14px
}

.jv-error-icon[data-v-cd25aa6e] {
	width: 48px;
	height: 48px;
	color: #ff4d4f
}

.jv-unsupported-icon[data-v-cd25aa6e] {
	position: relative;
	width: 64px;
	height: 80px;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	padding-bottom: 14px;
	flex-shrink: 0
}

.jv-unsupported-icon__svg[data-v-cd25aa6e] {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.jv-unsupported-icon__ext[data-v-cd25aa6e] {
	position: relative;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .6px;
	text-transform: uppercase;
	color: var(- -jv-text-secondary, #999);
	line-height: 1
}

.jv-unsupported-name[data-v-cd25aa6e] {
	max-width: 320px;
	font-size: 14px;
	font-weight: 500;
	color: var(- -jv-text-primary, #333);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin: 0
}

.jv-unsupported-msg[data-v-cd25aa6e] {
	font-size: 14px;
	color: var(- -jv-text-secondary, #999);
	margin: 0
}

.jv-unsupported-hint[data-v-cd25aa6e] {
	font-size: 12px;
	color: var(- -jv-text-secondary, #aaa);
	margin: 0;
	opacity: .8
}

.jv-unsupported-hint__code[data-v-cd25aa6e] {
	font-family: ui-monospace, Cascadia Code, Source Code Pro, Menlo,
		monospace;
	background: var(- -jv-bg-secondary, #f5f5f5);
	border: 1px solid var(- -jv-border-color, #e8e8e8);
	padding: 1px 5px;
	border-radius: 3px;
	font-size: 11px
}

.jv-viewer__branding[data-v-cd25aa6e] {
	flex-shrink: 0;
	padding: 8px 16px;
	text-align: center;
	font-size: 12px;
	color: var(- -jv-text-secondary);
	background: var(- -jv-bg-secondary);
	border-top: 1px solid var(- -jv-border-color);
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 4px
}

.jv-branding-link[data-v-cd25aa6e] {
	color: var(- -jv-primary-color);
	text-decoration: none;
	font-weight: 500
}

.jv-branding-text[data-v-cd25aa6e] {
	color: var(- -jv-text-secondary)
}

.jv-branding-link[data-v-cd25aa6e]:hover {
	text-decoration: underline
}

.jv-file-render--model3d[data-v-d76870c7] {
	position: relative;
	width: 100%;
	height: 100%;
	background: var(- -jv-model3d-background)
}

.jv-model3d-stage[data-v-d76870c7], .jv-model3d-canvas[data-v-d76870c7],
	.jv-model3d-iframe[data-v-d76870c7] {
	width: 100%;
	height: 100%
}

.jv-model3d-canvas[data-v-d76870c7] canvas {
	width: 100% !important;
	height: 100% !important;
	display: block
}

.jv-model3d-iframe[data-v-d76870c7] {
	border: 0;
	background: var(- -jv-model3d-background)
}

.jv-model3d-loading[data-v-d76870c7], .jv-model3d-error[data-v-d76870c7]
	{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 12px;
	color: #e2e8f0;
	background: #0f172ab8;
	z-index: 5
}

.jv-model3d-error[data-v-d76870c7] {
	z-index: 10
}

.jv-model3d-error svg[data-v-d76870c7] {
	width: 48px;
	height: 48px;
	color: #f87171
}

.jv-loading-spinner[data-v-d76870c7] {
	width: 40px;
	height: 40px;
	border: 3px solid rgba(226, 232, 240, .24);
	border-top-color: #60a5fa;
	border-radius: 50%;
	animation: jv-model3d-spin-d76870c7 .8s linear infinite
}

.jv-model3d-meta[data-v-d76870c7] {
	position: absolute;
	left: 16px;
	bottom: 16px;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	z-index: 3
}

.jv-model3d-meta span[data-v-d76870c7] {
	padding: 6px 10px;
	border-radius: 999px;
	background: #0f172ab8;
	color: #e2e8f0;
	font-size: 12px;
	line-height: 1;
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px)
}

@
keyframes jv-model3d-spin-d76870c7 {
	to {transform: rotate(360deg)
}
}