.img_edit .ux-config {width:100%;}
.img_edit .ux-config td {white-space:nowrap;padding:4px;vertical-align:middle;}
.img_edit .ux-config td:first-child {padding-right:8px;text-align:right;}
.img_edit .ux-config td input,
.img_edit .ux-config td select {width:100%;text-align:center;height:24px;}
.img_edit .ux-config td textarea {padding:4px;min-height:48px;display:block;}
.img_edit img {max-width:320px;max-height:320px;}
.img_raw .ux-checked {text-align:center;margin-top:16px;padding:16px;background-image:url(/%im_checked.thumb);background-repeat:repeat;background-position:center center;}
.img_raw .ux-checked img {opacity:0.95;}
.grid_pad {height:100%;width:100%;overflow-y:auto;}
.grid_pad::-webkit-scrollbar {width:8px;height:8px;}
.grid_pad::-webkit-scrollbar-track {border-radius:0px;background:rgba(255, 255, 255, 0);}
.grid_pad::-webkit-scrollbar-thumb {border-radius:0px;background:#555;}
.grid_pad::-webkit-scrollbar-thumb:hover {background:#3b3b3b;}
.grid_pad::-webkit-scrollbar-thumb:active {background:#222222;}
.grid_slot .ux-panel .ux-icon-list {display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:end;}
.grid_slot .ux-panel .ux-icon-list .icon {margin-left:0.5rem;}
.grid_slot .ux-panel .ux-icon-list .o-end {order:-9;}
.grid_slot .ux-content::-webkit-scrollbar {width:8px;height:8px;}
.grid_slot .ux-content::-webkit-scrollbar-track {border-radius:0px;background:rgba(255, 255, 255, 0);}
.grid_slot .ux-content::-webkit-scrollbar-thumb {border-radius:0px;background:#555;}
.grid_slot .ux-content::-webkit-scrollbar-thumb:hover {background:#3b3b3b;}
.grid_slot .ux-content::-webkit-scrollbar-thumb:active {background:#222222;}
.grid_slot .ux-info .ux-title {display:flex;flex-direction:row;flex-wrap:nowrap;gap:0.5rem;}
.grid_slot .ux-info .ux-title a {display:block;}
.image-select {box-sizing:border-box;border:4px solid #555;/*
	.ux-state {
		position:relative;height:160px !important;flex:1 1 100% !important;max-width:none !important;text-align:center;.ux-before,.ux-after {
			box-sizing:border-box;padding:16px;border:1px dashed rgba(255,255,255,0.1);background-position:center center;background-repeat:no-repeat;background-size:contain;background-image:attr(data-image);}

		.ux-title {
			position:absolute;z-index:1;left:16px;top:50%;transform:translate(0,-50%);color:rgba(255,255,255,0.15);text-shadow:1px 1px 1px rgba(255,255,255,0.35);font-size:16px;font-weight:normal;//			padding-top:80px;&:empty {
				display:				none;}
.image-select .ux-header {line-height:80px;min-height:80px;text-align:center;font-weight:bold;font-size:16px;border-top:2px solid #333;}
.image-select .ux-before,
.image-select .ux-after {box-sizing:border-box;padding:0 16px;width:calc(50% - 12px);height:72px;top:6px;line-height:72px;background-color:#cccccc;background-position:center center;background-repeat:no-repeat;background-size:contain;color:#fff;font-size:10px;letter-spacing:1px;outline:1px solid rgba(0, 0, 0, 0.05);}
.image-select .ux-before {position:absolute;z-index:1;left:4px;text-align:right;background-position:left center;}
.image-select .ux-after {position:absolute;z-index:1;text-align:left;background-position:right center;right:4px;top:4px;}
.image-select .ux-path {background-color:rgba(0, 0, 0, 0.1);padding:0 4px;}
.image-select .ux-path .ux-item {display:inline-block;padding:0 12px;margin:4px 2px;box-shadow:0 0 1px #000;text-align:center;line-height:24px;overflow-x:hidden;background-color:rgba(0, 0, 0, 0.35);border-radius:4px;color:#fff !important;}
.image-select .ux-path .ux-item:first-child {margin-left:0;}
.image-select .ux-path .ux-item:last-child {margin-right:0;}
.image-select .ux-path .ux-item:hover {background-color:rgba(0, 0, 0, 0.65);}
.image-select .ux-path .ux-item:active {background-color:rgba(0, 0, 0, 0.5);}
.image-select .ux-path .ux-item + .ux-item {margin-left:0;}
.image-select .ux-body {overflow-y:hidden;overflow-x:hidden;padding:4px 0rem 4px 4px;}
.image-select .ux-body::-webkit-scrollbar {width:4px;height:8px;}
.image-select .ux-body::-webkit-scrollbar-track {border-radius:0px;background:rgba(255, 255, 255, 0);}
.image-select .ux-body::-webkit-scrollbar-thumb {border-radius:0px;background:#555;}
.image-select .ux-body::-webkit-scrollbar-thumb:hover {background:#3b3b3b;}
.image-select .ux-body::-webkit-scrollbar-thumb:active {background:#222222;}
.image-select .ux-bar {border-top:2px solid #000;}
.image-select .ux-tile {display:flex;flex-flow:row wrap;gap:4px;}
.image-select .ux-tile.o-cat {margin-bottom:4px;}
.image-select .ux-tile.o-cat .ux-item {border:1px solid rgba(0, 0, 0, 0.15);}
.image-select .ux-tile:empty {display:none;}
.image-select .ux-tile .ux-item {flex:1 0.1 128px;text-align:center;text-transform:lowercase;position:relative;/*			
			.ux-title {
				position:absolute;z-index:1;left:0;right:0;bottom:0;}
*/
  background-color:rgba(0, 0, 0, 0.05);box-shadow:0 0 3px rgba(255, 255, 255, 0.65);background-repeat:no-repeat;background-position:left center;background-size:contain;border-radius:4px;border:1px solid rgba(255, 255, 255, 0.05);height:64px;filter:saturate(75%);}
.image-select .ux-tile .ux-item .ux-title {font-size:12px;overflow:hidden;position:absolute;padding:4px;left:0;right:0;bottom:0;z-index:3;color:#fff;text-shadow:1px 1px 1px rgba(255, 255, 255, 0.65);text-align:right;box-shadow:0 0 1px rgba(0, 0, 0, 0.15);}
.image-select .ux-tile .ux-item:hover {opacity:1;box-shadow:0 0 1px #000;border:1px solid rgba(0, 0, 0, 0.25);filter:saturate(100%);}
.image-select .ux-tile .ux-item:hover .ux-title {opacity:1;}
.image-select .ux-tile .ux-item[selected] {opacity:1;filter:saturate(100%);border:1px solid rgba(0, 63, 127, 0.35);}
.image-select .ux-tile .ux-item[selected] .ux-title {color:green;text-shadow:none;}
.image-select .ux-tile .ux-item:active {opacity:0.75;}
.image-select .ux-tile.o-item .ux-item {flex:1 0.1 80px;height:80px;}
.unit-control ._data {padding:0 !important;}
.unit-control .ux-list {display:flex;flex-flow:column nowrap;}
.unit-control .ux-list .ux-item {margin-left:0 !important;}
.unit-control .ux-list .ux-item:first-child .ux-text {margin-top:0 !important;}
.unit-control .ux-list .ux-item + .ux-item {padding:0.25rem 0.5rem !important;margin-top:0;margin-left:0;}
.unit-control .ux-list .ux-remove {margin-top:2rem !important;}
.plate-unit-ctl {display:none;position:absolute;z-index:1;left:0.25rem;top:0.25rem;white-space:wrap;font-size:0;border-radius:0.5rem;background-color:rgba(0, 0, 0, 0.15);}
.plate-unit-ctl .sd-icon {display:block !important;padding:0.25rem !important;margin:0 !important;}
.plate-unit-ctl .sd-icon img {display:block !important;height:1rem !important;margin-left:0 !important;margin-right:0 !important;}
.plate-unit-ctl.o-h {white-space:nowrap;left:50%;top:0rem;transform:translate(-50%, -100%);line-height:1.5rem !important;}
.plate-unit-ctl.o-h .sd-icon {padding:0 1rem;display:inline-block !important;}
.plate-unit-ctl.o-h .sd-icon img {height:1.5rem !important;margin-bottom:0 !important;}
.plate-unit-ctl:o-v {white-space:wrap;}
.plate-unit-ctl.o-bottom {top:100%;transform:translate(-50%, 0);}
.plate-unit-ctl:hover {background-color:rgba(0, 0, 0, 0.85);}
.api-PlateUnit *[data-key][unit]:hover {outline:1px dashed rgba(0, 0, 0, 0.15);}
.api-PlateUnit *[data-key][unit]:hover .plate-unit-ctl {display:block;}
.pman {color:#fff;background-color:#000;min-width:400px;max-height:50vh;font-size:16px;line-height:24px;}
.pman.view-main {padding:8px;}
.pman .ux-output {user-select:none;}
.pman .ux-output:empty {display:none;}
.pman .ux-output:hover {background-color:#eee;}
.pman .ux-info {text-align:left;min-height:80px;background-color:#333;padding:8px;color:#fff;line-height:1.5;}
.pman a {padding:8px;}
.pman a:hover {color:#00bfff;}
.pman .ux-path {position:relative;text-align:left;background-color:#333;border-bottom:1px solid #555;}
.pman .ux-path a {line-height:32px;}
.pman .ux-path .ux-icon-panel {position:absolute;z-index:1;right:0;top:0;}
.pman input {color:#fff;width:100%;padding:0 8px;background-color:#333;line-height:16px;height:32px;border-radius:4px;border:1px solid rgba(0, 0, 0, 0.35);box-shadow:none;}
.pman input[type="submit"] {display:none;}
.pman .ux-data {min-height:600px;user-select:none;}
.pman .ux-data .ux-item {text-align:left;line-height:2;background-position:calc(100% - 4px) center;background-size:auto 24px;background-repeat:no-repeat;background-image:none;border-top:1px solid rgba(255, 255, 255, 0.05);border-bottom:1px solid rgba(255, 255, 255, 0.15);display:block;/*			
			// label {
				input {
					width:auto;padding:0;}
.pman .ux-data .ux-item:hover {background-color:rgba(255, 255, 255, 0.15);}
.pman .ux-data .ux-item[selected] {background-image:url(/img/9/439_icon.webp);}
.pman .ux-action {text-align:right;}
.poi-select .ux-map {height:50vh;}
.sys-panel-content {display:inline-flex !important;overflow-y:scroll;box-sizing:border-box;flex-direction:column;flex-wrap:nowrap;height:100vh;font-size:16px;max-width:480px;}
.sys-panel-content::-webkit-scrollbar {width:8px;height:8px;}
.sys-panel-content::-webkit-scrollbar-track {border-radius:0px;background:rgba(255, 255, 255, 0);}
.sys-panel-content::-webkit-scrollbar-thumb {border-radius:0px;background:#000;}
.sys-panel-content::-webkit-scrollbar-thumb:hover {background:#000000;}
.sys-panel-content::-webkit-scrollbar-thumb:active {background:#000000;}
.sys-panel-content:empty {display:none !important;}
.sys-panel-content > * {box-sizing:border-box;}
.sys-panel-content > .fx-body {flex-grow:1;}
.sys-panel-content > .fx-top,
.sys-panel-content > .fx-bottom {display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;height:2.5rem;z-index:199;position:sticky;background-color:#333;box-sizing:border-box;}
.sys-panel-content > .fx-top {top:0;border-bottom:1px solid rgba(0, 0, 0, 0.35);}
.sys-panel-content > .fx-bottom {bottom:0;border-top:1px solid rgba(0, 0, 0, 0.35);}
.sys-panel-content .ux-type-title {text-align:right;font-weight:bold;font-size:12px;font-family:monospace;text-transform:lowercase;letter-spacing:1px;color:gold;line-height:24px;padding:0 4px;}
.sys-panel-content .ux-list {flex-flow:row wrap;gap:4px;display:flex;padding:2px;box-sizing:border-box;}
.sys-panel-content .ux-list:empty {display:none;}
.sys-panel-content .ux-item {position:relative;color:#fff;text-shadow:1px 1px 1px rgba(0, 0, 0, 0.65);background-color:rgba(255, 255, 255, 0.05);margin:4px;flex:1 1 144px;border:1px solid rgba(0, 0, 0, 0.15);border-radius:4px;min-height:32px;box-sizing:border-box;padding:4px 44px 0 4px;background-position:calc(100% - 4px) center;background-repeat:no-repeat;background-size:auto 24px;}
.sys-panel-content .ux-item .ux-title {text-align:left;line-height:24px;}
.sys-code {width:100%;height:100vh;box-sizing:border-box;background-color:#111;display:flex;flex-direction:row;flex-wrap:nowrap;padding-top:30px;/*
	.ux-host-list {
		&[data-children="1"] {
			.ux-item {
//				flex:1 1 30%;//				height:100%;}
		}

		&[data-children="2"] {
			.ux-item {
//				height:100%;}
		}

		&[data-children="3"] {
			.ux-item {
//				flex:1 1 40%;}
		}

		&[data-children="4"] {
			.ux-item {
//				flex:1 1 40%;}
		}

		&[data-children-x~="04"][data-size-x~="lg"][data-size-y~="lg"] {
			flex-wrap:wrap;.ux-host-item {
				flex-basis:45%;height:50%;}
		}
	}
*/
  /*
	.ux-host-item[code_view] {
		.ux-content {
			flex-direction:row;flex-wrap:wrap;& > * {
				flex-basis:20%;height:100%;}
		}
	}
*/
  /*
	&[alter] {
		.ux-item {
//			flex:1 1 20%;height:100%;}

		.ux-code-list {
			&[data-children="2"] {
				.ux-item {
//					flex:1 1 60%;//					height:100%;}
			}

			&[data-children="2"] {
				.ux-item {
//					flex:1 1 60%;}
			}

			&[data-children="3"] {
				.ux-item {
//					flex:1 1 30%;}
			}

			&[data-children="4"] {
				.ux-item {
//					flex:1 1 20%;}
			}

			&[data-children="5"] {
				.ux-item {
//					flex:1 1 20%;}
.sys-code .ux-panel {position:fixed;z-index:3;top:0;left:0;right:0;height:30px;background-color:#222;}
.sys-code .ux-panel .sd-icon {padding:3px;}
.sys-code .ux-panel .sd-icon img {height:24px;}
.sys-code .ux-left {flex-basis:240px;box-sizing:border-box;border-right:1px solid rgba(255, 255, 255, 0.15);height:calc(100vh - 30px);overflow-y:auto;}
.sys-code .ux-left::-webkit-scrollbar {width:8px;height:8px;}
.sys-code .ux-left::-webkit-scrollbar-track {border-radius:0px;background:rgba(255, 255, 255, 0);}
.sys-code .ux-left::-webkit-scrollbar-thumb {border-radius:0px;background:#222;}
.sys-code .ux-left::-webkit-scrollbar-thumb:hover {background:#080808;}
.sys-code .ux-left::-webkit-scrollbar-thumb:active {background:#000000;}
.sys-code .ux-left .ux-parent {color:#fff;padding:0px 8px;line-height:30px;box-sizing:border-box;background:#333;border-top:1px solid rgba(255, 255, 255, 0.05);border-bottom:1px solid rgba(255, 255, 255, 0.15);}
.sys-code .ux-body {flex-grow:1;height:calc(100vh - 30px);}
.sys-code .sd-icon {box-sizing:border-box;padding:3px;margin:0;}
.sys-code .sd-icon img {height:24px;}
.sys-code .api-Time {position:fixed;z-index:9;right:0px;top:0;line-height:30px;color:rgba(255, 255, 255, 0.15);font-weight:bold;font-size:16px;font-family:system-ui;padding:0 8px;border-left:1px solid rgba(0, 0, 0, 0.15);}
.sys-code .api-Time > * {display:inline-block;}
.sys-code .api-Time a {color:rgba(255, 255, 255, 0.15);}
.sys-code .api-Time a:hover {color:#fff;}
.sys-code .ux-host {color:#fff;min-height:24px;box-sizing:border-box;border-left:1px solid rgba(0, 0, 0, 0.25);border-right:1px solid rgba(0, 0, 0, 0.25);border-bottom:1px solid rgba(255, 255, 255, 0.15);width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;}
.sys-code .ux-host[visible] {color:gold;}
.sys-code .ux-host[data-host-index="0"] {border-right:4px solid rgba(0, 0, 170, 0.65);}
.sys-code .ux-host[data-host-index="1"] {border-right:4px solid rgba(0, 170, 0, 0.65);}
.sys-code .ux-host[data-host-index="2"] {border-right:4px solid rgba(0, 170, 170, 0.65);}
.sys-code .ux-host[data-host-index="3"] {border-right:4px solid rgba(170, 0, 0, 0.65);}
.sys-code .ux-host[data-host-index="4"] {border-right:4px solid rgba(170, 0, 170, 0.65);}
.sys-code .ux-host[data-host-index="5"] {border-right:4px solid rgba(170, 85, 0, 0.65);}
.sys-code .ux-host[data-host-index="6"] {border-right:4px solid rgba(170, 170, 170, 0.65);}
.sys-code .ux-host[data-host-index="7"] {border-right:4px solid rgba(85, 85, 85, 0.65);}
.sys-code .ux-host[data-host-index="8"] {border-right:4px solid rgba(85, 85, 255, 0.65);}
.sys-code .ux-host[data-host-index="9"] {border-right:4px solid rgba(85, 255, 85, 0.65);}
.sys-code .ux-host[data-host-index="10"] {border-right:4px solid rgba(85, 255, 255, 0.65);}
.sys-code .ux-host[data-host-index="11"] {border-right:4px solid rgba(255, 85, 85, 0.65);}
.sys-code .ux-host[data-host-index="12"] {border-right:4px solid rgba(255, 85, 255, 0.65);}
.sys-code .ux-host[data-host-index="13"] {border-right:4px solid rgba(255, 255, 85, 0.65);}
.sys-code .ux-host[data-host-index="14"] {border-right:4px solid rgba(255, 255, 255, 0.65);}
.sys-code .ux-host .ux-host-title {clear:both;white-space:pre-wrap;font-size:12px;line-height:16px;flex-grow:1;padding:4px 8px;}
.sys-code .ux-host .ux-host-title b {float:right;color:gold;}
.sys-code .ux-host .ux-host-title .ux-sub-title {display:block;color:rgba(255, 255, 255, 0.25);}
.sys-code .ux-host .ux-host-title:hover {background:rgba(255, 255, 255, 0.2);}
.sys-code .ux-host .ux-host-title:active {background:rgba(255, 255, 255, 0.1);}
.sys-code .ux-host-list {height:100%;display:grid;/*
		.ux-item {
			flex:1 1 30%;height:50%;display:none;&[active] {
				display:block;}
.sys-code .ux-host-item {position:relative;flex-grow:1;height:100%;overflow-y:hidden;box-sizing:border-box;display:none;}
.sys-code .ux-host-item[visible] {display:block;}
.sys-code .ux-host-item[data-host-index="0"] .ux-cap {background:rgba(0, 0, 170, 0.25);}
.sys-code .ux-host-item[data-host-index="1"] .ux-cap {background:rgba(0, 170, 0, 0.25);}
.sys-code .ux-host-item[data-host-index="2"] .ux-cap {background:rgba(0, 170, 170, 0.25);}
.sys-code .ux-host-item[data-host-index="3"] .ux-cap {background:rgba(170, 0, 0, 0.25);}
.sys-code .ux-host-item[data-host-index="4"] .ux-cap {background:rgba(170, 0, 170, 0.25);}
.sys-code .ux-host-item[data-host-index="5"] .ux-cap {background:rgba(170, 85, 0, 0.25);}
.sys-code .ux-host-item[data-host-index="6"] .ux-cap {background:rgba(170, 170, 170, 0.25);}
.sys-code .ux-host-item[data-host-index="7"] .ux-cap {background:rgba(85, 85, 85, 0.25);}
.sys-code .ux-host-item[data-host-index="8"] .ux-cap {background:rgba(85, 85, 255, 0.25);}
.sys-code .ux-host-item[data-host-index="9"] .ux-cap {background:rgba(85, 255, 85, 0.25);}
.sys-code .ux-host-item[data-host-index="10"] .ux-cap {background:rgba(85, 255, 255, 0.25);}
.sys-code .ux-host-item[data-host-index="11"] .ux-cap {background:rgba(255, 85, 85, 0.25);}
.sys-code .ux-host-item[data-host-index="12"] .ux-cap {background:rgba(255, 85, 255, 0.25);}
.sys-code .ux-host-item[data-host-index="13"] .ux-cap {background:rgba(255, 255, 85, 0.25);}
.sys-code .ux-host-item[data-host-index="14"] .ux-cap {background:rgba(255, 255, 255, 0.25);}
.sys-code .ux-host-item .ux-cap {position:relative;text-align:center;color:#fff;background:#222;text-align:left;height:30px;border-right:1px solid rgba(255, 255, 255, 0.15);box-sizing:border-box;z-index:3;left:0;width:100%;top:0;display:flex;flex-direction:row;flex-wrap:nowrap;}
.sys-code .ux-host-item .ux-cap a:hover {color:gold;}
.sys-code .ux-host-item .ux-cap .ux-tag {padding:0 8px;line-height:30px;border-right:1px solid rgba(255, 255, 255, 0.15);}
.sys-code .ux-host-item .ux-cap .ux-title {display:inline-block;line-height:30px;}
.sys-code .ux-host-item .ux-cap .ux-icon-pad {position:absolute;z-index:1;right:0px;top:50%;transform:translate(0, -50%);}
.sys-code .ux-host-item .ux-cap .sd-icon {opacity:0.25;}
.sys-code .ux-host-item .ux-cap .sd-icon .ux-used {position:absolute;z-index:5;right:5%;bottom:5%;padding:2px;background:rgba(0, 0, 0, 0.35);border-radius:16px;height:12px;}
.sys-code .ux-host-item .ux-cap .sd-icon.o-bright {opacity:1 !important;}
.sys-code .ux-host-item .ux-cap .sd-icon[active] {opacity:1;}
.sys-code .ux-host-item .ux-cap .sd-icon:hover {opacity:0.75;}
.sys-code .ux-item {position:relative;width:100%;height:100%;display:flex;flex-direction:row;flex-wrap:wrap;}
.sys-code .ux-item .ux-script {flex-basis:100%;width:100%;height:100%;}
.sys-code .ux-item .ux-script.o-hide {display:none;}
.sys-code .ux-item .ux-script[active] {display:block;}
.sys-code .ux-item[data-children="2"] .ux-script {flex-basis:100%;height:50%;}
.sys-code .ux-item[data-children="2"][data-size-x~="hd"] .ux-script {flex-basis:50%;height:100%;}
.sys-code .ux-item .apx-left {width:40px;}
.sys-code .ux-item .apx-left .sd-icon img {width:auto;height:32px;}
.sys-code .ux-item .ux-editor {height:calc(100%);}
.sys-code .ux-item .ux-panel {position:relative;text-align:center;box-sizing:border-box;border-top:1px solid rgba(255, 255, 255, 0.1);font-size:12px;height:32px;color:rgba(255, 255, 255, 0.5);line-height:32px;padding:0;}
.sys-code .ux-item .ux-panel .ux-type {position:absolute;z-index:1;left:0%;top:50%;transform:translate(-50%, -50%);}
.sys-code .ux-item .ux-panel .ux-title {position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%, -50%);}
.sys-code .ux-item .ux-panel .ux-parent {position:absolute;z-index:1;right:2px;top:50%;border-right:2px dotted rgba(255, 255, 255, 0.15);padding-right:8px;transform:translate(0%, -50%);}
.sys-code .ux-item .ux-type-tip {position:absolute;z-index:5;top:0%;left:20px;transform:translate(-50%, 0%);}
.sys-code .ux-item .ux-type-tip img {display:block;margin:8px 0;width:24px;opacity:0.25;}
.sys-code .ux-item .ux-type-tip img:hover {opacity:1;}
.sys-code .ux-item .ux-type-tip img:active {opacity:0.85;}
.sys-code .apx-top {background-color:#333;display:flex;flex-direction:row;flex-wrap:nowrap;}
.sys-code .apx-top .sd-icon img {width:auto;height:32px;}
.sys-code .ux-host-item .ux-content {height:calc(100% - 30px);display:flex;flex-direction:column;flex-wrap:nowrap;gap:8px;width:100%;}
.sys-code .ux-host-item .ux-content .mc-media-set {height:100% !important;}
.sys-code .ux-host-item .ux-content .mc-media-head {height:100%;}
.sys-code .ux-host-item .ux-content .ux-item {flex-basis:20%;flex-grow:1;}
.sys-code .ux-host-item .ux-content .ux-item {position:relative;display:none;overflow:hidden;}
.sys-code .ux-host-item .ux-content .ux-item[active="1"] {display:flex;}
.sys-code .ux-host-item .ux-content form {width:100%;height:100%;}
.sys-code .ux-host-item[data-children="1"] .ux-item {flex-basis:100%;}
.sys-code .ux-host-item[data-children="2"] .ux-item {flex-basis:50%;}
.sys-code .ux-host-item[data-children="2"][data-size-x~="hd"] .ux-content {flex-direction:row;}
.sys-code .ux-host-item[data-children="2"][data-size-x~="hd"] .ux-item {height:100%;}
.sys-code .ux-host-item[data-children="3"] .ux-item {flex-basis:30%;}
.sys-code .ux-host-item[data-children="3"][data-size-x~="fhd"] .ux-content {flex-direction:row;}
.sys-code .ux-host-item[data-children="3"][data-size-x~="fhd"] .ux-item {height:100%;}
.sys-code .ux-host-item[data-children="4"] .ux-item {flex-basis:20%;}
.sys-code .ux-host-item[data-children="4"][data-size-x~="qhd"] .ux-content {flex-direction:row;}
.sys-code .ux-host-item[data-children="4"][data-size-x~="qhd"] .ux-item {height:100%;}
.sys-code .ux-host-item[data-children="4"][data-size-x~="hd"][data-size-y~="hd"] .ux-content {flex-direction:row;flex-wrap:wrap;}
.sys-code .ux-host-item[data-children="4"][data-size-x~="hd"][data-size-y~="hd"] .ux-item {flex-basis:45%;height:50%;}
html[data-sx="right"] .sys-code .ux-body {order:1;}
html[data-sx="right"] .sys-code .ux-left {order:2;}
html[data-sx="right"] .sys-code .ux-panel {text-align:right;}
html[data-sx="right"] .sys-code .api-Time {left:0;right:auto;}
.widget-filemanager {position:relative;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.8);outline:1px solid rgba(255, 255, 255, 0.2);color:#fff;}
.widget-filemanager .path {position:absolute;z-index:9;left:0;top:0;width:100%;font-size:12pt;letter-spacing:2px;line-height:25px;padding:3px;color:#fff;text-shadow:1px 1px 1px rgba(0, 0, 0, 0.5);background-color:rgba(31, 160, 31, 0.3);}
.widget-filemanager .legend {position:absolute;z-index:9;bottom:0;left:0;width:100%;padding:5px;background:rgba(0, 0, 0, 0.6);background:linear-gradient(to top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.4) 100%);border-top:1px solid rgba(255, 255, 255, 0.2);}
.widget-filemanager .legend form {display:inline-block;width:auto !important;}
.widget-filemanager .opened-file {transform:scale(1);user-select:none;transition:all 0.4s cubic-bezier(0, 0.1, 0.4, 1);box-shadow:0 0 3px #fff;box-sizing:border-box;position:absolute;z-index:9;width:400px;text-align:center;margin-top:-100px;left:calc(50% - 200px);top:50%;background-color:rgba(0, 0, 0, 0.8);border-radius:5px 5px 0 0;}
.widget-filemanager .opened-file:empty {transform:scale(0);}
.widget-filemanager .opened-file h3 {margin:0;background:rgba(62, 255, 62, 0.5);background:linear-gradient(to top, rgba(31, 160, 31, 0.2) 0%, rgba(31, 160, 31, 0.3) 100%);padding:7px 5px;border-bottom:1px dashed rgba(255, 255, 255, 0.1);letter-spacing:1px;text-shadow:1px 1px 1px rgba(0, 0, 0, 0.5);font-size:14pt;}
.widget-filemanager .folder {font-weight:bold;color:#fff;letter-spacing:2px;}
.widget-filemanager .folder.marked {color:yellow;font-weight:bold;}
.widget-filemanager .file {color:#ccc;}
.widget-filemanager .file.marked {color:yellow;font-weight:bold;}
.widget-filemanager .btn-pad {padding:8px;}
.widget-filemanager .btn-white {font-size:12pt;display:inline-block;text-align:center;border-radius:3px;background:rgba(255, 255, 255, 0.5);background:linear-gradient(to top, rgba(0, 0, 0, 0.3) 0%, rgba(255, 255, 255, 0.2) 100%);padding:5px;border:1px solid rgba(0, 0, 0, 0.3);box-shadow:0 0 3px #fff;color:#fff;min-width:120px;transition:all 0.25s ease-in-out 0s;}
.widget-filemanager .btn-white:not(:first-child) {margin-left:8x;}
.widget-filemanager .btn-white:not(:last-child) {margin-right:8x;}
.widget-filemanager .btn-white:hover {box-shadow:0 0 1px #fff;}
.widget-filemanager .btn-white:active {color:#ccc;box-shadow:0 0 0 #fff;}
.widget-filemanager .files {position:absolute;left:0;top:31px;bottom:48px;width:100%;overflow:auto;}
.widget-filemanager .files::-webkit-scrollbar {width:0;height:8px;}
.widget-filemanager .files::-webkit-scrollbar-track {border-radius:10px;background:rgba(255, 255, 255, 0);}
.widget-filemanager .files::-webkit-scrollbar-thumb {border-radius:10px;background:rgba(255, 255, 255, 0.3);}
.widget-filemanager .files::-webkit-scrollbar-thumb:hover {background:rgba(255, 255, 255, 0.1);}
.widget-filemanager .files::-webkit-scrollbar-thumb:active {background:rgba(255, 255, 255, 0.5);}
.widget-filemanager table {user-select:none;width:100%;}
.widget-filemanager tr td {padding:5px;line-height:20px;font-size:12pt;border-right:1px dashed rgba(255, 255, 255, 0.2);}
.widget-filemanager tr td:nth-child(2) {width:64px;white-space:nowrap;text-align:right;}
.widget-filemanager tr:nth-child(2n) td {border-bottom:1px dashed rgba(255, 255, 255, 0.1);}
.widget-filemanager tr:hover {background-color:rgba(0, 138, 236, 0.3);}
.widget-filemanager tr[selected] {background-color:rgba(0, 138, 236, 0.4);}
.widget-filemanager tr:active {background-color:rgba(0, 138, 236, 0.2);}
.sys-panel-main {font-size:16px;display:none;position:fixed;z-index:249;color:#ffffff;left:0;top:0;height:100vh;border-right:2px solid rgba(0, 0, 0, 0.15);box-sizing:content-box;background-color:rgba(0, 0, 0, 0.85);white-space:nowrap;/*
	&[swap] {
		left:auto;right:0;border-left:1px solid rgba(0,0,0,0.35);border-right:0;}
*/
  /*
@media (min-width:1000px) {
	display:							block;}
.sys-panel-main .sd-icon {padding:8px;}
.sys-panel-main .sd-icon img {width:24px;height:auto;}
.sys-panel-main .i-icon-slot > .apx-top {overflow:visible !important;z-index:9;}
.sys-panel-main .i-icon-slot > .apx-bottom {overflow:visible !important;z-index:9;}
.sys-panel-main .ux-code {height:40px;}
.sys-panel-main .ux-code + * {margin-top:4px;}
.sys-panel-main .ux-code input {text-align:center;margin:0px;border:1px solid rgba(255, 255, 255, 0.05);outline:none;width:40px;height:40px;background-color:#222;padding-left:4px;color:#fff;}
.sys-panel-main .ux-code input:focus {position:fixed;z-index:499;left:42px;box-shadow:0 0 1px rgba(255, 255, 255, 0.35);top:0;border:none;border-radius:0;padding-left:0px;background-color:#333;color:#fff;margin:0;font-weight:normal;height:40px;font-size:20px;width:480px;}
.sys-panel-main .ux-code-result {color:#fff;user-select:none;}
.sys-panel-main .ux-code-result h3 {position:sticky;top:0;background-color:#111;font-weight:normal;line-height:40px;text-align:center;border-bottom:1px solid rgba(0, 0, 0, 0.15);min-height:40px;background-image:url(/img/0/1268_icon.webp);background-size:auto 32px;background-position:4px center;background-repeat:no-repeat;}
.sys-panel-main .ux-code-result .mc-table {border-spacing:0px;border-collapse:separate;width:100%;}
.sys-panel-main .ux-code-result .mc-table td {color:#fff !important;line-height:24px;padding:2px !important;}
.sys-panel-main .ux-code-result .mc-table img {margin:2px;height:20px;}
.sys-panel-main .ux-code-result .apx-bottom {color:#000 !important;white-space:wrap;text-align:center;}
.sys-panel-main .ux-code-result .apx-bottom label {padding:8px;display:inline-block;font-weight:bold;text-transform:lowercase;}
.sys-panel-main .ux-code-result .apx-bottom label:hover {background-color:rgba(0, 0, 0, 0.15);}
.sys-panel-main .ux-code-result .apx-bottom label:active {background-color:rgba(0, 0, 0, 0.1);}
.sys-panel-main .ux-code-result .apx-bottom input[type="checkbox"] {display:none;}
.sys-panel-main .ux-code-result .apx-bottom input[type="checkbox"]:checked + * {color:green;}
.sys-panel-main .sd-icon:hover {background-color:rgba(255, 255, 255, 0.35);}
.sys-panel-main .sd-icon:hover {background-color:rgba(255, 255, 255, 0.15);}
.sys-panel-main .d- {display:none !important;}
.sys-panel-main > * {display:inline-block;}
.sys-panel-main .i-icon-slot {white-space:normal;position:relative;height:100vh;flex-flow:column nowrap;border-right:1px solid rgba(255, 255, 255, 0.1);width:40px;}
.sys-panel-main .i-icon-slot .ux-top {position:absolute;}
.sys-panel-main .i-content {min-width:486px;overflow-y:scroll;position:relative;border-left:1px solid rgba(0, 0, 0, 0.85);height:100vh;}
.sys-panel-main .i-content::-webkit-scrollbar {width:4px;height:8px;}
.sys-panel-main .i-content::-webkit-scrollbar-track {border-radius:0px;background:rgba(255, 255, 255, 0);}
.sys-panel-main .i-content::-webkit-scrollbar-thumb {border-radius:0px;background:#555;}
.sys-panel-main .i-content::-webkit-scrollbar-thumb:hover {background:#3b3b3b;}
.sys-panel-main .i-content::-webkit-scrollbar-thumb:active {background:#222222;}
.sys-panel-main .i-content .mc-btn {color:#fff;}
.sys-panel-main .i-content .apx-bottom {color:#fff;}
.sys-panel-main .i-content form {width:100%;height:100%;}
.sys-panel-main .i-content:empty {display:none;}
.sys-panel-main .i-content .ux-box-item {display:flex;flex-direction:row;flex-wrap:nowrap;border:1px solid rgba(255, 255, 255, 0.15);padding:0 4px 0 4px;background-color:rgba(255, 255, 255, 0.05);background-repeat:no-repeat;background-position:calc(100%) top;background-size:auto 24px;line-height:24px;font-size:12px;border-radius:4px;white-space:normal;box-sizing:border-box;max-width:50%;flex-basis:32%;flex-grow:1;}
.sys-panel-main .i-content .ux-box-item:hover {background-color:rgba(255, 255, 255, 0.25);}
.sys-panel-main .i-content .ux-box-item:hover {background-color:rgba(255, 255, 255, 0.1);}
.sys-panel-main .i-content .ux-box-item img {padding:0px 0px 0px 0px;margin-left:4px;width:auto;height:24px;background-color:#333;}
.sys-panel-main .i-content .ux-ref-list .ux-ref {margin:0.25rem;border:1px solid rgba(0, 0, 0, 0.15);padding:0 0.5rem;background-color:rgba(255, 255, 255, 0.05);line-height:32px;white-space:normal;}
.sys-panel-main .i-content .ux-ref-list .ux-ref:hover {color:#999;}
.sys-panel-main .i-content .ux-item-list .ux-item {margin:0.25rem;border:1px solid rgba(0, 0, 0, 0.15);padding:0 40px 0 8px;line-height:32px;white-space:normal;background-color:rgba(255, 255, 255, 0.05);text-shadow:1px 1px 1px rgba(0, 0, 0, 0.35);background-position:calc(100% - 0px) center;background-size:auto calc(100% - 0px);background-repeat:no-repeat;}
.sys-panel-main .i-content .ux-item-list .ux-item:hover {color:#999;}
.sys-panel-main .i-content .ux-path {white-space:nowrap;padding:2px;box-sizing:border-box;overflow:hidden;}
.sys-panel-main .i-content .ux-path .ux-box-item {display:inline-block;white-space:nowrap;padding-left:8px;padding-right:8px;max-width:none;}
.sys-panel-toggle {width:16px;height:16px;position:fixed;z-index:239;left:0px;top:50%;background-color:rgba(0, 0, 0, 0.15);transform:translate(-50%, -50%);border-radius:24px;}
.sys-panel-nav {position:fixed;z-index:249;left:40%;bottom:16px;margin-left:16px;border-radius:8px;padding:4px;transform:translate(-50%, 0);display:none;font-size:0;background-color:rgba(0, 0, 0, 0.65);border:1px solid rgba(0, 0, 0, 0.35);}
.sys-panel-nav .sd-icon {padding:4px 8px;}
html .skin {padding-left:var(--left);transition:padding-left 0.15s ease-out 0s;}
html.mk-sys_panel[data-sys_panel_select] .sys-panel-main {display:block;}
html.x-popup .skin {padding-left:0 !important;}
html.mk-sys_panel_nav[data-sys_panel_nav_select] .sys-panel-nav {display:block;}
html[sys_panel_nav] .sys-panel-nav {display:block;}
.term {color:#fff;background-color:#111;}
.term .api-Time {position:fixed;z-index:9;left:50%;top:50%;transform:translate(-50%, -50%);color:rgba(255, 255, 255, 0.15);font-size:12px;}
.term .ux-panel {height:40px;flex-basis:100%;position:relative;}
.term .ux-panel > * {display:inline-block;}
.term .ux-panel .sd-icon {padding:4px;}
.term .ux-panel .ux-query {position:relative;}
.term .ux-panel .ux-query input {margin:4px;width:240px;height:32px;color:#fff;background-color:rgba(255, 255, 255, 0.15);padding:0 8px;font-size:16px;letter-spacing:1px;border-radius:8px;outline:none;border:1px solid rgba(0, 0, 0, 0.35);box-sizing:border-box;}
.term .ux-panel .ux-query input:focus {background-color:rgba(255, 255, 255, 0.85);color:#000;}
.term .ux-panel .ux-query .ux-result {position:absolute;color:#fff;z-index:11;left:4px;right:4px;top:40px;background-color:rgba(0, 0, 0, 0.85);padding:0;border:1px solid rgba(255, 255, 255, 0.25);user-select:none;}
.term .ux-panel .ux-query .ux-result:empty {display:none;}
.term .ux-panel .ux-query .ux-result-item {font-size:16px;line-height:32px;padding:0 8px;}
.term .ux-panel .ux-query .ux-result-item:hover {background-color:rgba(255, 255, 255, 0.15);color:gold;}
.term form {display:flex;height:100vh;flex-direction:row;flex-wrap:wrap;gap:4px;}
.term form > * {box-sizing:border-box;background-color:#222;}
.term a {color:gold;}
.term a:hover {opacity:0.85;}
.term a:active {opacity:0.75;}
.term .ux-icon-list .sd-icon {display:none !important;padding:2px;box-sizing:border-box;line-height:1;white-space:normal;filter:saturate(50%);}
.term .ux-icon-list .sd-icon img {height:20px;}
.term .ux-code {flex-basis:49%;flex-grow:1;height:calc(50vh - 48px);position:relative;order:1;overflow:visible;}
.term .ux-code .ux-item-list {display:flex;flex-direction:column;flex-wrap:nowrap;gap:4px;box-sizing:border-box;height:calc(100vh - 196px);overflow:auto;}
.term .ux-code .ux-item-list::-webkit-scrollbar {width:4px;height:8px;}
.term .ux-code .ux-item-list::-webkit-scrollbar-track {border-radius:0px;background:rgba(255, 255, 255, 0);}
.term .ux-code .ux-item-list::-webkit-scrollbar-thumb {border-radius:0px;background:#555;}
.term .ux-code .ux-item-list::-webkit-scrollbar-thumb:hover {background:#3b3b3b;}
.term .ux-code .ux-item-list::-webkit-scrollbar-thumb:active {background:#222222;}
.term .ux-code .ux-item {box-sizing:border-box;border:1px solid rgba(255, 255, 255, 0.05);background-color:#333;min-height:24px;}
.term .ux-code .ux-item .ux-script {color:gold;position:sticky;z-index:9;top:0;white-space:pre;font-family:monospace;font-size:12px;padding:4px;user-select:none;}
.term .ux-code .ux-item .ux-output {white-space:pre-wrap;color:rgba(255, 255, 255, 0.15);border-top:1px solid rgba(0, 0, 0, 0.1);margin-top:2px;padding:4px;font-size:12px;font-family:monospace;max-height:40vh;overflow-x:hidden;overflow-y:auto;}
.term .ux-code .ux-item .ux-output::-webkit-scrollbar {width:4px;height:8px;}
.term .ux-code .ux-item .ux-output::-webkit-scrollbar-track {border-radius:0px;background:rgba(255, 255, 255, 0);}
.term .ux-code .ux-item .ux-output::-webkit-scrollbar-thumb {border-radius:0px;background:#555;}
.term .ux-code .ux-item .ux-output::-webkit-scrollbar-thumb:hover {background:#3b3b3b;}
.term .ux-code .ux-item .ux-output::-webkit-scrollbar-thumb:active {background:#222222;}
.term .ux-code .ux-item .ux-output:empty {display:none;}
.term .ux-code .ux-item .ux-dt {position:absolute;white-space:nowrap;z-index:11;line-height:24px;top:0;right:4px;color:rgba(255, 255, 255, 0.25);text-shadow:1px 1px 1px rgba(0, 0, 0, 0.15);padding:0 4px;font-size:10px;font-family:monospace;}
.term .ux-code .ux-item .ux-dt > * {display:inline-block;}
.term .ux-code .ux-item .ux-icon-list {padding:0 0;right:0;z-index:25;}
.term .ux-code .ux-item:hover .ux-icon-list .sd-icon {display:inline-block !important;}
.term .ux-data {flex-basis:49%;flex-grow:1;height:calc(50vh - 48px);display:flex;order:2;flex-direction:column;flex-wrap:wrap;gap:4px;overflow:auto;}
.term .ux-data::-webkit-scrollbar {width:4px;height:8px;}
.term .ux-data::-webkit-scrollbar-track {border-radius:0px;background:rgba(255, 255, 255, 0);}
.term .ux-data::-webkit-scrollbar-thumb {border-radius:0px;background:#555;}
.term .ux-data::-webkit-scrollbar-thumb:hover {background:#3b3b3b;}
.term .ux-data::-webkit-scrollbar-thumb:active {background:#222222;}
.term .ux-data .ux-data-item {position:relative;width:100%;background-color:#333;border:1px solid rgba(0, 0, 0, 0.15);box-sizing:border-box;padding:4px;font-size:12px;min-height:24px;}
.term .ux-data .ux-data-item .ux-key {position:absolute;white-space:nowrap;z-index:3;top:0;right:12px;line-height:24px;font-size:10px;font-weight:bold;user-select:none;color:gold;padding:0 4px;}
.term .ux-data .ux-data-item .ux-key:hover {opacity:0.85;}
.term .ux-data .ux-data-item .ux-key:active {opacity:0.75;}
.term .ux-data .ux-data-item .ux-key > * {display:inline-block;}
.term .ux-data .ux-data-item .ux-val {white-space:pre-wrap;max-height:calc(50vh - 12px);overflow-y:auto;}
.term .ux-data .ux-data-item .ux-val::-webkit-scrollbar {width:4px;height:8px;}
.term .ux-data .ux-data-item .ux-val::-webkit-scrollbar-track {border-radius:0px;background:rgba(255, 255, 255, 0);}
.term .ux-data .ux-data-item .ux-val::-webkit-scrollbar-thumb {border-radius:0px;background:#555;}
.term .ux-data .ux-data-item .ux-val::-webkit-scrollbar-thumb:hover {background:#3b3b3b;}
.term .ux-data .ux-data-item .ux-val::-webkit-scrollbar-thumb:active {background:#222222;}
.term .ux-data .ux-data-item:hover .ux-icon-list .sd-icon {display:inline-block !important;}
.term .ux-data .ux-data-item[hide] .ux-val {height:16px;overflow:hidden;}
.term .ux-data .ux-data-item[hide] .ux-key {color:#fff;}
.term .ux-post {flex-basis:100%;order:3;height:50vh;width:100%;border-radius:4px;overflow:hidden;}
.term .ux-post textarea {display:block;}
.api-Embed {display:inline-block;}
.x-edit[contenteditable] .api-Embed {outline:1px solid rgba(0, 0, 0, 0.15);}