d-field>d input {
	border: none;
	padding: 10px 10px 10px 38px;
	margin: 0;
	line-height: normal;
	font-size: 14px;
	background-size: 18px;
	background-repeat: no-repeat;
	background-position: 12px center;
	background-color: #f4f7f8;
	border-radius: 10px;
	width: 100%;
	transition: all .25s ease,height 0s;
	font-family: jura;
}
field[name="name"] input[type="text"] {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23aaa' stroke-width='1' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 18v-8l-2 2'%3E%3C/path%3E%3Cpath d='M4 6v12'%3E%3C/path%3E%3Cpath d='M12 6v12'%3E%3C/path%3E%3Cpath d='M11 18h2'%3E%3C/path%3E%3Cpath d='M3 18h2'%3E%3C/path%3E%3Cpath d='M4 12h8'%3E%3C/path%3E%3Cpath d='M3 6h2'%3E%3C/path%3E%3Cpath d='M11 6h2'%3E%3C/path%3E%3C/svg%3E");
}
field[type="number"] input[type="text"] {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23aaa' stroke-width='1' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 9a4 4 0 1 1 8 0c0 1.098 -.564 2.025 -1.159 2.815l-6.841 7.185h8'%3E%3C/path%3E%3Cpath d='M3 12h6'%3E%3C/path%3E%3Cpath d='M6 9v6'%3E%3C/path%3E%3C/svg%3E");
}
fieldset[name="seo"] field[name="desc"] textarea {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23aaa' stroke-width='1' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 15h15'%3E%3C/path%3E%3Cpath d='M21 19h-15'%3E%3C/path%3E%3Cpath d='M15 11h6'%3E%3C/path%3E%3Cpath d='M21 7h-6'%3E%3C/path%3E%3Cpath d='M9 9h1a1 1 0 1 1 -1 1v-2.5a2 2 0 0 1 2 -2'%3E%3C/path%3E%3Cpath d='M3 9h1a1 1 0 1 1 -1 1v-2.5a2 2 0 0 1 2 -2'%3E%3C/path%3E%3C/svg%3E");
}
fieldset[name="seo"] field[name="title"] input {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23aaa' stroke-width='1' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1.98999 5.93007V4.42007C1.98999 3.40007 2.81999 2.57007 3.83999 2.57007H16.76C17.78 2.57007 18.61 3.40007 18.61 4.42007V5.93007'%3E%3C/path%3E%3Cpath d='M10.3 18.1001V3.32007'%3E%3C/path%3E%3Cpath d='M6.8999 18.1001H12.4799'%3E%3C/path%3E%3Cpath d='M13.6799 10.3401H20.6899C21.4199 10.3401 22.0099 10.9301 22.0099 11.6601V12.4601'%3E%3C/path%3E%3Cpath d='M16.0801 21.4301V10.8701'%3E%3C/path%3E%3Cpath d='M13.9399 21.4299H18.2199'%3E%3C/path%3E%3C/svg%3E");
}
field[type="check"] drag {
	width: 20px;
	height: 20px;
	position: relative;
	overflow: hidden;
	background: #fff;
	display: block;
	min-width: 22px;
	min-height: 28px;
	box-sizing: content-box;
	border-radius: 6px;
	transition: .3s;
	background-repeat: no-repeat;
	background-position: center;
	background-color: #fff;
	background-size: 17px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18l3 3l3 -3'%3E%3C/path%3E%3Cpath d='M12 15v6'%3E%3C/path%3E%3Cpath d='M15 6l-3 -3l-3 3'%3E%3C/path%3E%3Cpath d='M12 3v6'%3E%3C/path%3E%3C/svg%3E");
	cursor: grab;
}
field[type="alias"] input {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23aaa' stroke-width='1' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7h1.948c1.913 0 3.705 .933 4.802 2.5a5.861 5.861 0 0 0 4.802 2.5h6.448'%3E%3C/path%3E%3Cpath d='M3 17h1.95a5.854 5.854 0 0 0 4.798 -2.5a5.854 5.854 0 0 1 4.798 -2.5h5.454'%3E%3C/path%3E%3Cpath d='M18 15l3 -3l-3 -3'%3E%3C/path%3E%3C/svg%3E");
}
d.factoryField:hover {
	box-shadow: 4px 4px 17px -2px rgb(0 0 0 / 16%), 3px 5px 3px -1px rgb(0 0 0 / 12%);
}
d.factoryField {
	font-size: 13px;
	font-weight: 500;
	min-height: 50px;
	display: flex;
	align-items: center;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23111' stroke-width='1' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 14a3 3 0 101 5.83M4.264 15.605a4 4 0 01-.874-6.636M3.42 8.888A2.5 2.5 0 017 5.5M7.238 5.565A2.5 2.5 0 1112 4.5V20M8 20a2 2 0 104 0M12 7a3 3 0 003 3M20.61 8.969A3.99 3.99 0 0122 12c0 .703-.181 1.364-.5 1.938M20.58 8.888A2.5 2.5 0 0017 5.5M12 4.5a2.5 2.5 0 114.762 1.065M14 22a2 2 0 01-2-2M18.667 16L17 19h4l-1.667 3'%3E%3C/path%3E%3C/svg%3E");
	padding: 0px 10px 0px 45px;
	user-select: none;
	box-shadow: 1px 3px 14px -8px rgb(0 0 0 / 40%);
	border-radius: 10px;
	cursor: pointer;
	transition: .3s;
	background-size: 19px;
	background-repeat: no-repeat;
	background-position: 16px center;
	background-color: #fff;
}
field[showmode="disabled"] {
	opacity: .5;
	pointer-events: none;
}
field[showmode="disabled"] * {
	pointer-events: none;
}
field[showmode="hide"] {
	display: none;
}
field.publishedSlider {
	width: 260px;
}
d-field[root] d.key, d-field[root] d.tool {
	pointer-events: none;
}
d.list.tplFactoryTransf d-field[root]>d.key input {
	pointer-events: none;
	background: #fff;
	border-radius: 0;
	box-shadow: 0px 4px 2px -5px #000;
	color: #ccc;
}
d-field[root] d.tool {
	opacity: .3;
}
d-field[root] d.key *, d-field[root] d.tool * {
	pointer-events: none;
}
fieldset.paramFFactSQL {
	min-width: 250px;
}
d-field>d.root {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: rgb(255 255 255 / 70%);
	display: flex;
	justify-content: center;
	align-items: center;
	backdrop-filter: blur(1px);
	font-size: 14px;
	color: #959595;
	font-weight: 400;
	text-shadow: 0px 0px 12px #fff;
}
d-field d.name.red input, d-field d.key.red input {
	box-shadow: 0px 4px 1px -2px #f7a1a1;
}
d-field>d.key input {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23444' stroke-width='1' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 12a4 4 0 108 0 4 4 0 00-8 0zm0 0H2v3M6 12v3'%3E%3C/path%3E%3C/svg%3E");
}
d-field>d.name input {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 15.5m-3.5 0a3.5 3.5 0 1 0 7 0a3.5 3.5 0 1 0 -7 0'%3E%3C/path%3E%3Cpath d='M14 19v-10.5a3.5 3.5 0 0 1 7 0v10.5'%3E%3C/path%3E%3Cpath d='M14 13h7'%3E%3C/path%3E%3Cpath d='M10 12v7'%3E%3C/path%3E%3C/svg%3E");
}
d.tplFactory>d.fields>d>d.f d-field, d.tplFactory>d.fields>d>d.f d-field * {
	cursor: grab;
}
field[type="range"]>row>f>d,
field[type="text double"]>row>f>d {
	display: flex;
	gap: 10px;
}
field[type="check"]>row>f>d>name, field[type="radio"]>row>f>d>name, field[type="bulb"]>row>f>d>name {
	font-size: 14px;
	color: #444;
	font-weight: 500;
}
field[type="check"]>row>f>d, field[type="radio"]>row>f>d, field[type="bulb"]>row>f>d {
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
	gap: 10px;
	cursor: pointer;
	justify-content: flex-end;
}
d.tplFactory {
	display: flex;
	height: 100%;
	align-items: flex-start;
	justify-content: space-between;
}
d.tplFactoryTransf.no {
	pointer-events: none;
}
d.tplFactory>d.template {
	width: 700px;
	height: 100%;
	display: flex;
	flex-direction: column;
}
d.tplFactory>d.template>d.list {
	height: 100%;
	border: 2px dashed #e9eced;
	border-radius: 20px;
	overflow: auto;
}

d.tplFactory>d.template>d.list::-webkit-scrollbar-thumb {
	border: 0;
	border-left: 5px solid #ffffff;
	border-right: 5px solid #ffffff;
	border-radius: 1px;
	border-top: 18px solid #ffffff;
	border-bottom: 18px solid #ffffff;
}
d.tplFactory>d.fields>d {
	position: relative;
	min-width: 160px;
	width: 15%;
}
d.tplFactory>d.template>d.list::-webkit-scrollbar {
	width: 12px;
}
d.tplFactory>d.template>d.list::-webkit-scrollbar-track {
	background: transparent;
}
d.tplFactory>d.fields {
	width: calc(100% - 760px);
	display: flex;
	flex-wrap: wrap;
	gap: 40px 20px;
	align-items: baseline;
	user-select: none;
	overflow: auto;
	height: 100%;
	padding-top: 63px;
	padding-right: 0;
}
d.tplFactory>d.fields>d>d.n {
	font-family: 'Oswald';
	color: #585858;
	margin-bottom: 5px;
	padding-bottom: 8px;
	border-bottom: 1px solid #f4f7f8;
	font-size: 14px;
}
d.tplFactory>d.template>d.list d-field {
	width: 100%;
}
d-field.mc-sortable-placeholder {
	display: none!important;
}
d.tplFactory>d.template>d.list d-field>d.drop {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23aaa' stroke-width='1' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18l3 3l3 -3'%3E%3C/path%3E%3Cpath d='M12 15v6'%3E%3C/path%3E%3Cpath d='M15 6l-3 -3l-3 3'%3E%3C/path%3E%3Cpath d='M12 3v6'%3E%3C/path%3E%3C/svg%3E");
}
d.tplFactory>d.template>d.list>d-field.mc-sortable-placeholder.mc-sortable-handle {
	display: block!important;
	background: #f4f7f8;
	visibility: unset!important;
	height: 0;
	margin: 0;
	animation: expanFieldPlaceholder 0.3s forwards;
}
d.tplFactory>d.template>d.groups>d.group.a .name {
	color: #ffffff;
}
d.tplFactory>d.template>d.groups>d.group.a>d:last-child:hover {
	background-color: #000000;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='%23aaa' stroke-width='1' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3ccircle cx='12' cy='12' r='3'%3e%3c/circle%3e%3cpath d='M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z'%3e%3c/path%3e%3c/svg%3e");
}
d.tplFactory>d.template>d.groups>d.group.a {
	background: #222222;
	box-shadow: 0px 0px 0px 1px rgb(0 0 0 / 20%);
}
d-field {
	display: flex!important;
	width: 100%;
	overflow: hidden;
	padding: 5px 5px;
	gap: 10px;
	align-items: center;
	background: #fff;
	border-radius: 16px;
	position: relative;
}
d.tplFactory>d.template>d.list d-field:not(.a):not(.mc-sortable-helper):not(.mc-sortable-placeholder) {
	pointer-events: none;
	background: #95aec4;
	position: absolute;
	opacity: 0;
}
d-field.mc-sortable-handle.mc-sortable-helper {
	box-shadow: 1px 3px 14px -8px rgb(0 0 0 / 40%);
	pointer-events: none;
}
d-field>d.key, d-field>d.name {
	display: none;
}
d.list.tplFactoryTransf d-field>d.tool, d.list.tplFactoryTransf d-field>d.key, d.list.tplFactoryTransf d-field>d.name {
	display: block;
}
d.list.tplFactoryTransf d-field>d.tool {
	display: flex;
	gap: 10px;
	align-items: center;
}
d-field>d.tool>d {
	cursor: pointer;
	display: block;
	min-width: 26px;
	min-height: 26px;
	box-sizing: content-box;
	box-shadow: 1px 3px 14px -8px rgb(0 0 0 / 40%);
	border-radius: 10px;
	background-repeat: no-repeat;
	background-position: center;
	background-color: #fff;
	background-size: 16px;
}
d.tplFactory>d.fields>d>d.f {
	display: flex;
	flex-direction: column;
	gap: 0.5vh 0px;
}
d-field>d.tool {
	display: none;
}
d-field>d.drop {
	cursor: grab;
	display: block;
	min-width: 26px;
	min-height: 26px;
	box-sizing: content-box;
	box-shadow: 1px 3px 14px -8px rgb(0 0 0 / 40%);
	border-radius: 10px;
	transition: .3s;
	background-repeat: no-repeat;
	background-position: center;
	background-color: #fff;
	margin-right: 5px;
	background-size: 16px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23aaa' stroke-width='1' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 9l3 3l-3 3'%3E%3C/path%3E%3Cpath d='M15 12h6'%3E%3C/path%3E%3Cpath d='M6 9l-3 3l3 3'%3E%3C/path%3E%3Cpath d='M3 12h6'%3E%3C/path%3E%3C/svg%3E");
}
d-field>d.key {
	width: 156px;
}
d-field>d.name {
	width: 180px;
}
d-field>d.key input::placeholder {
	font-size: 12px;
	font-weight: 500;
	color: #bcbcbc;
}
d-field>d.name input::placeholder {
	font-size: 12px;
	font-weight: 500;
	color: #bcbcbc;
}
d-field>d.type {
	font-size: 10px;
	font-weight: 600;
	color: #7a7a7a;
	user-select: none;
	cursor: default;
	min-width: 100px;
	padding-left: 32px;
	background-repeat: no-repeat;
	background-position: 0px center;
	background-size: 20px;
	height: 20px;
	display: flex;
	align-items: center;
	transition: .2s ease;
}
d.tplFactory>d.fields>d>d.f d-field:hover d.type {
	margin-left: 6px;
}
d-field>d.tool>d.a {
	box-shadow: 0px 0px 0px 2px #d8d8d8;
}
d.tplFactory>d.template>d.groups {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 25px;
	gap: 5px;
	padding-top: 2px;
}
d.tplFactory>d.template>d.groups>d.act.group {
	box-shadow: 0px 0px 0px 2px #d8d8d8;
}
d.tplFactory>d.template>d.groups>d.add {
	cursor: pointer;
	display: block;
	min-width: 36px;
	min-height: 36px;
	width: 36px;
	height: 36px;
	box-sizing: content-box;
	box-shadow: 1px 3px 14px -8px rgb(0 0 0 / 40%);
	border-radius: 10px;
	transition: .3s;
	background-repeat: no-repeat;
	background-position: center;
	background-color: #fff;
	margin-right: 5px;
	background-size: 16px;
	background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'  stroke='%23777' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3cline x1='12' y1='5' x2='12' y2='19'%3e%3c/line%3e%3cline x1='5' y1='12' x2='19' y2='12'%3e%3c/line%3e%3c/svg%3e");
}
window[name="addGroupFieldsFactory"]>content>wrap {
	padding: 0 20px 0px 20px;
	margin-top: -10px;
}
window[name="addGroupFieldsFactory"]>content>wrap field {
	padding-bottom: 0;
}
d.list.tplFactoryTransf.mc-sortable d-field>d.tool>d.drop:hover {
	box-shadow: 1px 3px 14px -8px rgb(0 0 0 / 100%);
}
row.d0x3831 name {
	background-size: 19px;
	background-repeat: no-repeat;
	background-position: 0 center;
	padding: 3px 0 3px 25px;
}
row.a_child0x383.d0x3831 name {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 2.5H3' stroke='%23444'%3E%3C/path%3E%3Cpath d='M12 6.5H3' stroke='%233b9417'%3E%3C/path%3E%3Cpath d='M12 10.5H3' stroke='%23eee'%3E%3C/path%3E%3Cpath d='M12 14.5H3' stroke='%23eee'%3E%3C/path%3E%3Cpath d='M12 18.5H3' stroke='%23eee'%3E%3C/path%3E%3Cpath d='M12 22.5H3' stroke='%23eee'%3E%3C/path%3E%3C/svg%3E");
}
row.ab_child0x383.d0x3831 name {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 2.5H3' stroke='%23444'%3E%3C/path%3E%3Cpath d='M12 6.5H3' stroke='%233b9417'%3E%3C/path%3E%3Cpath d='M12 10.5H3' stroke='%233b9417'%3E%3C/path%3E%3Cpath d='M12 14.5H3' stroke='%23eee'%3E%3C/path%3E%3Cpath d='M12 18.5H3' stroke='%23eee'%3E%3C/path%3E%3Cpath d='M12 22.5H3' stroke='%23eee'%3E%3C/path%3E%3C/svg%3E");
}
row.abc_child0x383.d0x3831 name {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 2.5H3' stroke='%23444'%3E%3C/path%3E%3Cpath d='M12 6.5H3' stroke='%233b9417'%3E%3C/path%3E%3Cpath d='M12 10.5H3' stroke='%233b9417'%3E%3C/path%3E%3Cpath d='M12 14.5H3' stroke='%233b9417'%3E%3C/path%3E%3Cpath d='M12 18.5H3' stroke='%23eee'%3E%3C/path%3E%3Cpath d='M12 22.5H3' stroke='%23eee'%3E%3C/path%3E%3C/svg%3E");
}
row.c_child0x383.d0x3831 name {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 2.5H3' stroke='%23444'%3E%3C/path%3E%3Cpath d='M12 6.5H3' stroke='%23eee'%3E%3C/path%3E%3Cpath d='M12 10.5H3' stroke='%233b9417'%3E%3C/path%3E%3Cpath d='M12 14.5H3' stroke='%23eee'%3E%3C/path%3E%3Cpath d='M12 18.5H3' stroke='%23eee'%3E%3C/path%3E%3Cpath d='M12 22.5H3' stroke='%23eee'%3E%3C/path%3E%3C/svg%3E");
}
row.abcf_child0x383.d0x3831 name {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 2.5H3' stroke='%23444'%3E%3C/path%3E%3Cpath d='M12 6.5H3' stroke='%233b9417'%3E%3C/path%3E%3Cpath d='M12 10.5H3' stroke='%233b9417'%3E%3C/path%3E%3Cpath d='M12 14.5H3' stroke='%233b9417'%3E%3C/path%3E%3Cpath d='M12 18.5H3' stroke='%233b9417'%3E%3C/path%3E%3Cpath d='M12 22.5H3' stroke='%233b9417'%3E%3C/path%3E%3C/svg%3E");
}

d-field>d.tool>d.multiLang.act {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='2' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 5h7m7 0h-2.5M9 5h4.5M9 5V3m4.5 2c-.82 2.735-2.539 5.32-4.5 7.593M4 17.5c1.585-1.359 3.376-3.026 5-4.907m0 0C8 11.5 6.4 9.3 6 8.5m3 4.093l3 2.907M13.5 21l1.143-3m6.857 3l-1.143-3m-5.714 0l2.857-7.5 2.857 7.5m-5.714 0h5.714'%3E%3C/path%3E%3C/svg%3E");}
d-field>d.tool>d.multiLang {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23444' stroke-width='1' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 5h7m7 0h-2.5M9 5h4.5M9 5V3m4.5 2c-.82 2.735-2.539 5.32-4.5 7.593M4 17.5c1.585-1.359 3.376-3.026 5-4.907m0 0C8 11.5 6.4 9.3 6 8.5m3 4.093l3 2.907M13.5 21l1.143-3m6.857 3l-1.143-3m-5.714 0l2.857-7.5 2.857 7.5m-5.714 0h5.714'%3E%3C/path%3E%3C/svg%3E");}
d-field>d.tool>d.tableShow.act {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='2' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 5h8'%3E%3C/path%3E%3Cpath d='M13 9h5'%3E%3C/path%3E%3Cpath d='M13 15h8'%3E%3C/path%3E%3Cpath d='M13 19h5'%3E%3C/path%3E%3Cpath d='M3 4m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z'%3E%3C/path%3E%3Cpath d='M3 14m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z'%3E%3C/path%3E%3C/svg%3E");}
d-field>d.tool>d.tableShow {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23444' stroke-width='1' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 5h8'%3E%3C/path%3E%3Cpath d='M13 9h5'%3E%3C/path%3E%3Cpath d='M13 15h8'%3E%3C/path%3E%3Cpath d='M13 19h5'%3E%3C/path%3E%3Cpath d='M3 4m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z'%3E%3C/path%3E%3Cpath d='M3 14m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z'%3E%3C/path%3E%3C/svg%3E");}
d-field>d.tool>d.mosaicShow.act {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='2' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 10.9V4.1C22 2.6 21.36 2 19.77 2H15.73C14.14 2 13.5 2.6 13.5 4.1V10.9C13.5 12.4 14.14 13 15.73 13H19.77C21.36 13 22 12.4 22 10.9Z'%3E%3C/path%3E%3Cpath d='M22 19.9V18.1C22 16.6 21.36 16 19.77 16H15.73C14.14 16 13.5 16.6 13.5 18.1V19.9C13.5 21.4 14.14 22 15.73 22H19.77C21.36 22 22 21.4 22 19.9Z'%3E%3C/path%3E%3Cpath d='M10.5 13.1V19.9C10.5 21.4 9.86 22 8.27 22H4.23C2.64 22 2 21.4 2 19.9V13.1C2 11.6 2.64 11 4.23 11H8.27C9.86 11 10.5 11.6 10.5 13.1Z'%3E%3C/path%3E%3Cpath d='M10.5 4.1V5.9C10.5 7.4 9.86 8 8.27 8H4.23C2.64 8 2 7.4 2 5.9V4.1C2 2.6 2.64 2 4.23 2H8.27C9.86 2 10.5 2.6 10.5 4.1Z'%3E%3C/path%3E%3C/svg%3E");}
d-field>d.tool>d.mosaicShow {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23444' stroke-width='1' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 10.9V4.1C22 2.6 21.36 2 19.77 2H15.73C14.14 2 13.5 2.6 13.5 4.1V10.9C13.5 12.4 14.14 13 15.73 13H19.77C21.36 13 22 12.4 22 10.9Z'%3E%3C/path%3E%3Cpath d='M22 19.9V18.1C22 16.6 21.36 16 19.77 16H15.73C14.14 16 13.5 16.6 13.5 18.1V19.9C13.5 21.4 14.14 22 15.73 22H19.77C21.36 22 22 21.4 22 19.9Z'%3E%3C/path%3E%3Cpath d='M10.5 13.1V19.9C10.5 21.4 9.86 22 8.27 22H4.23C2.64 22 2 21.4 2 19.9V13.1C2 11.6 2.64 11 4.23 11H8.27C9.86 11 10.5 11.6 10.5 13.1Z'%3E%3C/path%3E%3Cpath d='M10.5 4.1V5.9C10.5 7.4 9.86 8 8.27 8H4.23C2.64 8 2 7.4 2 5.9V4.1C2 2.6 2.64 2 4.23 2H8.27C9.86 2 10.5 2.6 10.5 4.1Z'%3E%3C/path%3E%3C/svg%3E");}
d-field>d.tool>d.idselector {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23444' stroke-width='1' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 6.5H16'%3E%3C/path%3E%3Cpath d='M6 6.5H2'%3E%3C/path%3E%3Cpath d='M10 10C11.933 10 13.5 8.433 13.5 6.5C13.5 4.567 11.933 3 10 3C8.067 3 6.5 4.567 6.5 6.5C6.5 8.433 8.067 10 10 10Z'%3E%3C/path%3E%3Cpath d='M22 17.5H18'%3E%3C/path%3E%3Cpath d='M8 17.5H2'%3E%3C/path%3E%3Cpath d='M14 21C15.933 21 17.5 19.433 17.5 17.5C17.5 15.567 15.933 14 14 14C12.067 14 10.5 15.567 10.5 17.5C10.5 19.433 12.067 21 14 21Z'%3E%3C/path%3E%3C/svg%3E");}
d-field>d.tool>d.settings {background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke='%23444' stroke-width='1' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3ccircle cx='12' cy='12' r='3'%3e%3c/circle%3e%3cpath d='M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z'%3e%3c/path%3e%3c/svg%3e");}

ps>op.d-field.bulb d.name, 		d-field[type="bulb"]>d.type {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 18v-5.25m0 0a6.01 6.01 0 001.5-.189m-1.5.189a6.01 6.01 0 01-1.5-.189m3.75 7.478a12.06 12.06 0 01-4.5 0m3.75 2.383a14.406 14.406 0 01-3 0M14.25 18v-.192c0-.983.658-1.823 1.508-2.316a7.5 7.5 0 10-7.517 0c.85.493 1.509 1.333 1.509 2.316V18'%3E%3C/path%3E%3C/svg%3E");}
ps>op.d-field.set d.name, 		d-field[type="set"]>d.type {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 3h-4a2 2 0 0 0 -2 2v12a4 4 0 0 0 8 0v-12a2 2 0 0 0 -2 -2'%3E%3C/path%3E%3Cpath d='M13 7.35l-2 -2a2 2 0 0 0 -2.828 0l-2.828 2.828a2 2 0 0 0 0 2.828l9 9'%3E%3C/path%3E%3Cpath d='M7.3 13h-2.3a2 2 0 0 0 -2 2v4a2 2 0 0 0 2 2h12'%3E%3C/path%3E%3Cpath d='M17 17l0 .01'%3E%3C/path%3E%3C/svg%3E");}
ps>op.d-field.info d.name,		d-field[type="info"]>d.type {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 9h.01'%3E%3C/path%3E%3Cpath d='M11 12h1v4h1'%3E%3C/path%3E%3Cpath d='M12 3c7.2 0 9 1.8 9 9s-1.8 9 -9 9s-9 -1.8 -9 -9s1.8 -9 9 -9z'%3E%3C/path%3E%3C/svg%3E")}
ps>op.d-field.published d.name,	d-field[type="published"]>d.type {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.98 8.223A10.477 10.477 0 001.934 12C3.226 16.338 7.244 19.5 12 19.5c.993 0 1.953-.138 2.863-.395M6.228 6.228A10.45 10.45 0 0112 4.5c4.756 0 8.773 3.162 10.065 7.498a10.523 10.523 0 01-4.293 5.774M6.228 6.228L3 3m3.228 3.228l3.65 3.65m7.894 7.894L21 21m-3.228-3.228l-3.65-3.65m0 0a3 3 0 10-4.243-4.243m4.242 4.242L9.88 9.88'%3E%3C/path%3E%3C/svg%3E")}
ps>op.d-field.name d.name,		d-field[type="name"]>d.type {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 18v-8l-2 2'%3E%3C/path%3E%3Cpath d='M4 6v12'%3E%3C/path%3E%3Cpath d='M12 6v12'%3E%3C/path%3E%3Cpath d='M11 18h2'%3E%3C/path%3E%3Cpath d='M3 18h2'%3E%3C/path%3E%3Cpath d='M4 12h8'%3E%3C/path%3E%3Cpath d='M3 6h2'%3E%3C/path%3E%3Cpath d='M11 6h2'%3E%3C/path%3E%3C/svg%3E");}
ps>op.d-field.parent d.name,		d-field[type="parent"]>d.type {background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3cline x1='21' y1='6' x2='3' y2='6'%3e%3c/line%3e%3cline x1='17' y1='10' x2='3' y2='10'%3e%3c/line%3e%3cline x1='17' y1='14' x2='3' y2='14'%3e%3c/line%3e%3cline x1='17' y1='18' x2='3' y2='18'%3e%3c/line%3e%3c/svg%3e")}
ps>op.d-field.link d.name,		d-field[type="link"]>d.type {background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3cpath d='M15 7h3a5 5 0 0 1 5 5 5 5 0 0 1-5 5h-3m-6 0H6a5 5 0 0 1-5-5 5 5 0 0 1 5-5h3'%3e%3c/path%3e%3cline x1='8' y1='12' x2='16' y2='12'%3e%3c/line%3e%3c/svg%3e")}
ps>op.d-field.phone d.name,		d-field[type="phone"]>d.type {background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'%3e%3c/path%3e%3c/svg%3e")}
ps>op.d-field.email d.name,		d-field[type="email"]>d.type {background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3ccircle cx='12' cy='12' r='4'%3e%3c/circle%3e%3cpath d='M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-3.92 7.94'%3e%3c/path%3e%3c/svg%3e")}
ps>op.d-field.hash d.name,		d-field[type="hash"]>d.type {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 4h-4v16h4'%3E%3C/path%3E%3Cpath d='M17 4h4v16h-4'%3E%3C/path%3E%3Cpath d='M8 16h.01'%3E%3C/path%3E%3Cpath d='M12 16h.01'%3E%3C/path%3E%3Cpath d='M16 16h.01'%3E%3C/path%3E%3C/svg%3E")}
ps>op.d-field.math d.name,		d-field[type="math"]>d.type {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 16v2a1 1 0 0 1 -1 1h-11l6 -7l-6 -7h11a1 1 0 0 1 1 1v2'%3E%3C/path%3E%3C/svg%3E");}
ps>op.d-field.rand d.name,		d-field[type="rand"]>d.type {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18.333 2c1.96 0 3.56 1.537 3.662 3.472l.005 .195v12.666c0 1.96 -1.537 3.56 -3.472 3.662l-.195 .005h-12.666a3.667 3.667 0 0 1 -3.662 -3.472l-.005 -.195v-12.666c0 -1.96 1.537 -3.56 3.472 -3.662l.195 -.005h12.666zm-3.833 11a1.5 1.5 0 1 0 0 3a1.5 1.5 0 0 0 0 -3zm-5 -5a1.5 1.5 0 1 0 0 3a1.5 1.5 0 0 0 0 -3z'%3E%3C/path%3E%3C/svg%3E")}
ps>op.d-field.input d.name,		d-field[type="input"]>d.type {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11.02 19.5H7.5C6.88 19.5 6.33 19.48 5.84 19.41C3.21 19.12 2.5 17.88 2.5 14.5V9.5C2.5 6.12 3.21 4.88 5.84 4.59C6.33 4.52 6.88 4.5 7.5 4.5H10.96'%3E%3C/path%3E%3Cpath d='M15.02 4.5H16.5C17.12 4.5 17.67 4.52 18.16 4.59C20.79 4.88 21.5 6.12 21.5 9.5V14.5C21.5 17.88 20.79 19.12 18.16 19.41C17.67 19.48 17.12 19.5 16.5 19.5H15.02'%3E%3C/path%3E%3Cpath d='M15 2V22'%3E%3C/path%3E%3Cpath d='M8 8.5V15.5'%3E%3C/path%3E%3C/svg%3E")}
ps>op.d-field.textarea d.name,	d-field[type="textarea"]>d.type {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23777' stroke-width='1.5' viewBox='0 0 20 20' %3E%3Cpath d='M17.25 14.5c.42 0 .75.34.75.75v.1a.75.75 0 0 1-.75.65H4.75a.75.75 0 1 1 0-1.5h12.5Zm0-5a.75.75 0 1 1 0 1.5h-8.5a.75.75 0 0 1-.75-.75v-.1a.75.75 0 0 1 .75-.65h8.5Zm-9-6.5c.4 0 .75.34.75.75v.1a.75.75 0 0 1-.75.65h-2.5v5.75a.75.75 0 0 1-1.5 0V4.5h-2.5a.76.76 0 0 1-.74-.65L1 3.75c0-.42.34-.75.75-.75h6.5Zm9 1.5a.75.75 0 0 1 0 1.5h-5.5a.75.75 0 0 1-.75-.75v-.1a.75.75 0 0 1 .75-.65h5.5Z'%3E%3C/path%3E%3C/svg%3E");}
ps>op.d-field.document d.name,	d-field[type="document"]>d.type {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 4.5H21'%3E%3C/path%3E%3Cpath d='M14 9.5H21'%3E%3C/path%3E%3Cpath d='M3 14.5H21'%3E%3C/path%3E%3Cpath d='M3 19.5H21'%3E%3C/path%3E%3Cpath d='M9.5 8.43V5.57C9.5 4.45 9.05 4 7.92 4H5.07C3.95 4 3.5 4.45 3.5 5.57V8.42C3.5 9.55 3.95 10 5.07 10H7.92C9.05 10 9.5 9.55 9.5 8.43Z'%3E%3C/path%3E%3C/svg%3E");}
ps>op.d-field.integer d.name,	d-field[type="integer"]>d.type {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 9a4 4 0 1 1 8 0c0 1.098 -.564 2.025 -1.159 2.815l-6.841 7.185h8'%3E%3C/path%3E%3Cpath d='M3 12h6'%3E%3C/path%3E%3Cpath d='M6 9v6'%3E%3C/path%3E%3C/svg%3E");}
ps>op.d-field.range d.name,		d-field[type="range"]>d.type {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.755 17.283l-1.429-10A2 2 0 017.306 5h3.388a2 2 0 011.98 2.283l-1.429 10A2 2 0 019.265 19h-.53a2 2 0 01-1.98-1.717z'%3E%3C/path%3E%3Cpath d='M2 12h4m16 0H12'%3E%3C/path%3E%3C/svg%3E")}
ps>op.d-field.date-time d.name,	d-field[type="date time"]>d.type {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 012.25-2.25h13.5A2.25 2.25 0 0121 7.5v11.25m-18 0A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75m-18 0v-7.5A2.25 2.25 0 015.25 9h13.5A2.25 2.25 0 0121 11.25v7.5m-9-6h.008v.008H12v-.008zM12 15h.008v.008H12V15zm0 2.25h.008v.008H12v-.008zM9.75 15h.008v.008H9.75V15zm0 2.25h.008v.008H9.75v-.008zM7.5 15h.008v.008H7.5V15zm0 2.25h.008v.008H7.5v-.008zm6.75-4.5h.008v.008h-.008v-.008zm0 2.25h.008v.008h-.008V15zm0 2.25h.008v.008h-.008v-.008zm2.25-4.5h.008v.008H16.5v-.008zm0 2.25h.008v.008H16.5V15z'%3E%3C/path%3E%3C/svg%3E");}
ps>op.d-field.checkbox d.name,	d-field[type="checkbox"]>d.type {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 22H15C20 22 22 20 22 15V9C22 4 20 2 15 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22Z'%3E%3C/path%3E%3Cpath d='M7.75 12L10.58 14.83L16.25 9.17004'%3E%3C/path%3E%3C/svg%3E")}
ps>op.d-field.radio d.name,		d-field[type="radio"]>d.type {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22C17.5 22 22 17.5 22 12C22 6.5 17.5 2 12 2C6.5 2 2 6.5 2 12C2 17.5 6.5 22 12 22Z'%3E%3C/path%3E%3Cpath d='M7.75 12L10.58 14.83L16.25 9.17004'%3E%3C/path%3E%3C/svg%3E")}
ps>op.d-field.select d.name,		d-field[type="select"]>d.type {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 15m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0'%3E%3C/path%3E%3Cpath d='M18.5 18.5l2.5 2.5'%3E%3C/path%3E%3Cpath d='M4 6h16'%3E%3C/path%3E%3Cpath d='M4 12h4'%3E%3C/path%3E%3Cpath d='M4 18h4'%3E%3C/path%3E%3C/svg%3E")}
ps>op.d-field.slider d.name,		d-field[type="slider"]>d.type {background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3crect x='1' y='5' width='22' height='14' rx='7' ry='7'%3e%3c/rect%3e%3ccircle cx='16' cy='12' r='3'%3e%3c/circle%3e%3c/svg%3e")}
ps>op.d-field.traffic d.name,	d-field[type="traffic"]>d.type {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 4m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'%3E%3C/path%3E%3Cpath d='M7 21l3 -4'%3E%3C/path%3E%3Cpath d='M16 21l-2 -4l-3 -3l1 -6'%3E%3C/path%3E%3Cpath d='M6 12l2 -3l4 -1l3 3l3 1'%3E%3C/path%3E%3C/svg%3E");}
ps>op.d-field.seo d.name,		d-field[type="seo"]>d.type {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 21l-6 -6'%3E%3C/path%3E%3Cpath d='M3.268 12.043a7.017 7.017 0 0 0 6.634 4.957a7.012 7.012 0 0 0 7.043 -6.131a7 7 0 0 0 -5.314 -7.672a7.021 7.021 0 0 0 -8.241 4.403'%3E%3C/path%3E%3Cpath d='M3 4v4h4'%3E%3C/path%3E%3C/svg%3E");}
ps>op.d-field.buttons d.name,	d-field[type="buttons"]>d.type {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19.9 13.5H4.1C2.6 13.5 2 14.14 2 15.73V19.77C2 21.36 2.6 22 4.1 22H19.9C21.4 22 22 21.36 22 19.77V15.73C22 14.14 21.4 13.5 19.9 13.5Z'%3E%3C/path%3E%3Cpath d='M12.9 2H4.1C2.6 2 2 2.64 2 4.23V8.27C2 9.86 2.6 10.5 4.1 10.5H12.9C14.4 10.5 15 9.86 15 8.27V4.23C15 2.64 14.4 2 12.9 2Z'%3E%3C/path%3E%3C/svg%3E")}
ps>op.d-field.code d.name,		d-field[type="code"]>d.type {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13.5 6L10 18.5M6.5 8.5L3 12l3.5 3.5M17.5 8.5L21 12l-3.5 3.5'%3E%3C/path%3E%3C/svg%3E")}
ps>op.d-field.layout d.name,		d-field[type="layout"]>d.type {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2l-8 4l8 4l8 -4l-8 -4'%3E%3C/path%3E%3Cpath d='M4 10l8 4l8 -4'%3E%3C/path%3E%3Cpath d='M4 18l8 4l8 -4'%3E%3C/path%3E%3Cpath d='M4 14l8 4l8 -4'%3E%3C/path%3E%3C/svg%3E")}
ps>op.d-field.image d.name,		d-field[type="image"]>d.type {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 16c1.403-.234 3.637-.293 5.945.243M16 21c-1.704-2.768-4.427-4.148-7.055-4.757m0 0C10.895 13.985 14.558 12 21 12h1M8.5 7C8 7 7 7.3 7 8.5S8 10 8.5 10 10 9.7 10 8.5 9 7 8.5 7z'%3E%3C/path%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3C/svg%3E")}
ps>op.d-field.galery d.name,		d-field[type="galery"]>d.type {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6H5a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h4M9 6v12M9 6h6M9 18h6m0 0h4a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-4m0 12V6'%3E%3C/path%3E%3C/svg%3E")}
ps>op.d-field.video d.name,		d-field[type="video"]>d.type {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 15V9C22 4 20 2 15 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22H15C20 22 22 20 22 15Z'%3E%3C/path%3E%3Cpath d='M2.52002 7.11011H21.48'%3E%3C/path%3E%3Cpath d='M8.52002 2.11011V6.97011'%3E%3C/path%3E%3Cpath d='M15.48 2.11011V6.52011'%3E%3C/path%3E%3Cpath d='M9.75 14.4501V13.2501C9.75 11.7101 10.84 11.0801 12.17 11.8501L13.21 12.4501L14.25 13.0501C15.58 13.8201 15.58 15.0801 14.25 15.8501L13.21 16.4501L12.17 17.0501C10.84 17.8201 9.75 17.1901 9.75 15.6501V14.4501V14.4501Z'%3E%3C/path%3E%3C/svg%3E")}
ps>op.d-field.file d.name,		d-field[type="file"]>d.type {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11.97 12V15.5C11.97 17.43 13.54 19 15.47 19C17.4 19 18.97 17.43 18.97 15.5V10C18.97 6.13 15.84 3 11.97 3C8.09997 3 4.96997 6.13 4.96997 10V16C4.96997 19.31 7.65997 22 10.97 22'%3E%3C/path%3E%3C/svg%3E")}
ps>op.d-field.rating d.name,		d-field[type="rating"]>d.type {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.587 8.236l2.598-5.232a.911.911 0 011.63 0l2.598 5.232 5.808.844a.902.902 0 01.503 1.542l-4.202 4.07.992 5.75c.127.738-.653 1.3-1.32.952L12 18.678l-5.195 2.716c-.666.349-1.446-.214-1.319-.953l.992-5.75-4.202-4.07a.902.902 0 01.503-1.54l5.808-.845z'%3E%3C/path%3E%3C/svg%3E")}
ps>op.d-field.connect d.name,	d-field[type="connect"]>d.type {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 10a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 0v10m0-10c0 2.333 1.4 7 7 7'%3E%3C/path%3E%3Ccircle cx='17' cy='17' r='3'%3E%3C/circle%3E%3C/svg%3E");}
ps>op.d-field.multiple d.name,	d-field[type="multiple"]>d.type {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6' cy='6' r='3'%3E%3C/circle%3E%3Ccircle cx='18' cy='6' r='3'%3E%3C/circle%3E%3Ccircle cx='12' cy='18' r='3'%3E%3C/circle%3E%3Cpath d='M6 9v1a2 2 0 0 0 2 2h4m6-3v1a2 2 0 0 1-2 2h-4m0 0v3'%3E%3C/path%3E%3C/svg%3E")}
ps>op.d-field.menu d.name,		d-field[type="menu"]>d.type {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6l16 0'%3E%3C/path%3E%3Cpath d='M4 12l16 0'%3E%3C/path%3E%3Cpath d='M4 18l16 0'%3E%3C/path%3E%3C/svg%3E")}
ps>op.d-field.inherit d.name,	d-field[type="inherit"]>d.type {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 5h8'%3E%3C/path%3E%3Cpath d='M13 9h5'%3E%3C/path%3E%3Cpath d='M13 15h8'%3E%3C/path%3E%3Cpath d='M13 19h5'%3E%3C/path%3E%3Cpath d='M3 4m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z'%3E%3C/path%3E%3Cpath d='M3 14m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z'%3E%3C/path%3E%3C/svg%3E")}
ps>op.d-field.user d.name,		d-field[type="user"]>d.type {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 7m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0'%3E%3C/path%3E%3Cpath d='M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2'%3E%3C/path%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'%3E%3C/path%3E%3Cpath d='M21 21v-2a4 4 0 0 0 -3 -3.85'%3E%3C/path%3E%3C/svg%3E");}
ps>op.d-field.join d.name,		d-field[type="join"]>d.type {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 6m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0'%3E%3C/path%3E%3Cpath d='M12 6m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0'%3E%3C/path%3E%3Cpath d='M19 6m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0'%3E%3C/path%3E%3Cpath d='M5 18m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0'%3E%3C/path%3E%3Cpath d='M12 18m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0'%3E%3C/path%3E%3Cpath d='M5 8l0 8'%3E%3C/path%3E%3Cpath d='M12 8l0 8'%3E%3C/path%3E%3Cpath d='M19 8v2a2 2 0 0 1 -2 2h-12'%3E%3C/path%3E%3C/svg%3E")}
ps>op.d-field.color d.name,		d-field[type="color"]>d.type {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21a9 9 0 0 1 0 -18c4.97 0 9 3.582 9 8c0 1.06 -.474 2.078 -1.318 2.828c-.844 .75 -1.989 1.172 -3.182 1.172h-2.5a2 2 0 0 0 -1 3.75a1.3 1.3 0 0 1 -1 2.25'%3E%3C/path%3E%3Cpath d='M8.5 10.5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'%3E%3C/path%3E%3Cpath d='M12.5 7.5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'%3E%3C/path%3E%3Cpath d='M16.5 10.5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'%3E%3C/path%3E%3C/svg%3E")}
ps>op.d-field.bind d.name,		d-field[type="bind"]>d.type {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 14.5a6 6 0 100-12 6 6 0 000 12z'%3E%3C/path%3E%3Cpath d='M16 21.5a6 6 0 100-12 6 6 0 000 12z'%3E%3C/path%3E%3Cpath d='M8 21.5a6 6 0 100-12 6 6 0 000 12z'%3E%3C/path%3E%3C/svg%3E");}
ps>op.d-field.map-yandex d.name,	d-field[type="map yandex"]>d.type {background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='%23777' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'%3e%3c/path%3e%3ccircle cx='12' cy='10' r='3'%3e%3c/circle%3e%3c/svg%3e");}
ps>op.d-field.php-hook d.name,	d-field[type="php hook"]>d.type {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.16001 22C3.98001 22 3.14001 19.47 4.50001 16.39L8.75001 6.74H8.45001C7.80001 6.74 7.20001 6.48 6.77001 6.05C6.33001 5.62 6.07001 5.02 6.07001 4.37C6.07001 3.07 7.13001 2 8.44001 2H15.55C16.21 2 16.8 2.27 17.23 2.7C17.79 3.26 18.07 4.08 17.86 4.95C17.59 6.03 16.55 6.74 15.44 6.74H15.28L19.5 16.4C20.85 19.48 19.97 22 15.83 22H8.16001Z'%3E%3C/path%3E%3Cpath d='M5.94 13.1201C5.94 13.1201 9 13.0001 12 14.0001C15 15.0001 17.83 13.1101 17.83 13.1101'%3E%3C/path%3E%3C/svg%3E");}
ps>op.d-field.test d.name,		d-field[type="test"]>d.type {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 16v-5.5a2.5 2.5 0 0 1 5 0v5.5m0 -4h-5'%3E%3C/path%3E%3Cpath d='M12 6l0 12'%3E%3C/path%3E%3Cpath d='M16 16v-8h3a2 2 0 0 1 0 4h-3m3 0a2 2 0 0 1 0 4h-3'%3E%3C/path%3E%3C/svg%3E");}
ps>op.d-field.js-hook d.name,	d-field[type="js hook"]>d.type {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.75 3.104v5.714a2.25 2.25 0 01-.659 1.591L5 14.5M9.75 3.104c-.251.023-.501.05-.75.082m.75-.082a24.301 24.301 0 014.5 0m0 0v5.714c0 .597.237 1.17.659 1.591L19.8 15.3M14.25 3.104c.251.023.501.05.75.082M19.8 15.3l-1.57.393A9.065 9.065 0 0112 15a9.065 9.065 0 00-6.23-.693L5 14.5m14.8.8l1.402 1.402c1.232 1.232.65 3.318-1.067 3.611A48.309 48.309 0 0112 21c-2.773 0-5.491-.235-8.135-.687-1.718-.293-2.3-2.379-1.067-3.61L5 14.5'%3E%3C/path%3E%3C/svg%3E");}
ps>op.d-field.pass d.name, 		d-field[type="pass"]>d.type {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18.9 7a8 8 0 0 1 1.1 5v1a6 6 0 0 0 .8 3'%3E%3C/path%3E%3Cpath d='M8 11a4 4 0 0 1 8 0v1a10 10 0 0 0 2 6'%3E%3C/path%3E%3Cpath d='M12 11v2a14 14 0 0 0 2.5 8'%3E%3C/path%3E%3Cpath d='M8 15a18 18 0 0 0 1.8 6'%3E%3C/path%3E%3Cpath d='M4.9 19a22 22 0 0 1 -.9 -7v-1a8 8 0 0 1 12 -6.95'%3E%3C/path%3E%3C/svg%3E");}
ps>op.d-field.access d.name, 	d-field[type="access"]>d.type {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8v-2a2 2 0 0 1 2 -2h2'%3E%3C/path%3E%3Cpath d='M4 16v2a2 2 0 0 0 2 2h2'%3E%3C/path%3E%3Cpath d='M16 4h2a2 2 0 0 1 2 2v2'%3E%3C/path%3E%3Cpath d='M16 20h2a2 2 0 0 0 2 -2v-2'%3E%3C/path%3E%3Cpath d='M8 11m0 1a1 1 0 0 1 1 -1h6a1 1 0 0 1 1 1v3a1 1 0 0 1 -1 1h-6a1 1 0 0 1 -1 -1z'%3E%3C/path%3E%3Cpath d='M10 11v-2a2 2 0 1 1 4 0v2'%3E%3C/path%3E%3C/svg%3E");}
ps>op.d-field.alias d.name,		d-field[type="alias"]>d.type {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23777' stroke-width='1.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 17h-5.397a5 5 0 0 1 -4.096 -2.133l-.514 -.734a5 5 0 0 0 -4.096 -2.133h-3.897'%3E%3C/path%3E%3Cpath d='M21 7h-5.395a5 5 0 0 0 -4.098 2.135l-.51 .73a5 5 0 0 1 -4.097 2.135h-3.9'%3E%3C/path%3E%3Cpath d='M18 10l3 -3l-3 -3'%3E%3C/path%3E%3Cpath d='M18 20l3 -3l-3 -3'%3E%3C/path%3E%3C/svg%3E");}
fieldset fieldset {
	padding: 5px 0;
}
field[type="phone"] d.flag {
	width: 26px;
	height: 20px;
	overflow: hidden;
	border-radius: 3px;
	position: absolute;
	left: 37px;
	top: 0px;
	bottom: 0;
	margin: auto;
	position: absolute;
	border: 1px solid #e9eaea;
}
field[type="phone"]>row input {
	padding: 10px 20px 10px 70px;
}
field[type="phone"] d.flag img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	object-position: center;
}
field[type="phone"] d.tel {
	position: relative;
}
map {
	display: block;
	margin: 10px 0;
	border-radius: 10px;
	overflow: hidden;
}
window.colorPicker > content > header {
	padding: 0 10px 0 20px;
}
field[type="color"] input {
	background-image: unset;
}
.a-color-picker {
	background-color: unset!important;
}
window.colorPicker > content {
	gap: 0;
}
window.colorPicker wrap {
	padding: 0;
}
window.colorPicker buttons {
	display: none;
}
field[type="color"] > row > f > d d.color {
	position: absolute;
	left: 6px;
	top: 6px;
	bottom: 0;
	width: 26px;
	height: 26px;
	background: #fff;
	border-radius: 50%;
	cursor: pointer;
	background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='%23aaa' stroke-width='1' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3cpath d='M12 2.69l5.66 5.66a8 8 0 1 1-11.31 0z'%3e%3c/path%3e%3c/svg%3e");
	background-size: 18px;
	background-repeat: no-repeat;
	background-position: center;
}
field row d.imageField d.thumbs label {
	width: 70px;
	height: 70px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23ccc' stroke-width='1' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0'%3E%3C/path%3E%3Cpath d='M4 8v-2a2 2 0 0 1 2 -2h2'%3E%3C/path%3E%3Cpath d='M4 16v2a2 2 0 0 0 2 2h2'%3E%3C/path%3E%3Cpath d='M16 4h2a2 2 0 0 1 2 2v2'%3E%3C/path%3E%3Cpath d='M16 20h2a2 2 0 0 0 2 -2v-2'%3E%3C/path%3E%3C/svg%3E");
}
field row d.imageField d.thumbs {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: flex-start;
	max-width: 230px;
}
field row d.imageField {
	display: flex;
	gap: 10px;
	align-items: flex-start;
	position: relative;
}
field row d.imageField d.name {
	font-size: 14px;
	color: #444;
	font-weight: 500;
	height: 18px;
	display: flex;
	align-items: center;
	justify-content: center;
}
field row d.imageField d.original {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 5px;
	width: 150px;
	text-align: center;
}
field row d.imageField  d.size {
	font-size: 9px;
	color: #5eb73b;
	font-weight: 600;
}
d.imageField input[type="file"] {
	display: none;
}
field row d.imageField label img {
	max-width: 100%;
}
field row d.imageField label img[src=""] {
	display: none;
}
field row d.imageField d.thumbs d.name {
	font-size: 11px;
}
field row d.imageField d.thumbs d.tw {
	display: flex;
	flex-direction: column;
	gap: 5px;
	text-align: center;
}
field row d.imageField d label.set {
	background: #f4f7f8;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23999' stroke-width='1' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5l0 14'%3E%3C/path%3E%3Cpath d='M5 12l14 0'%3E%3C/path%3E%3C/svg%3E");
	background-size: 19px;
	background-repeat: repeat;
	background-position: center;
}
field row d.imageField label {
	width: 100%;
	height: 150px;
	background-color: #f4f7f8;
	border-radius: 8px;
	overflow: hidden;
	position: relative;
	background-repeat: no-repeat;
	background-size: 60%;
	background-position: center;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23ccc' stroke-width='.5' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 10C10.1046 10 11 9.10457 11 8C11 6.89543 10.1046 6 9 6C7.89543 6 7 6.89543 7 8C7 9.10457 7.89543 10 9 10Z'%3E%3C/path%3E%3Cpath d='M13 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22H15C20 22 22 20 22 15V10'%3E%3C/path%3E%3Cpath d='M15.75 5H21.25'%3E%3C/path%3E%3Cpath d='M18.5 7.75V2.25'%3E%3C/path%3E%3Cpath d='M2.67004 18.9501L7.60004 15.6401C8.39004 15.1101 9.53004 15.1701 10.24 15.7801L10.57 16.0701C11.35 16.7401 12.61 16.7401 13.39 16.0701L17.55 12.5001C18.33 11.8301 19.59 11.8301 20.37 12.5001L22 13.9001'%3E%3C/path%3E%3C/svg%3E");
	display: block;
	max-height: 250px;
}
field row d.imageField .original label {
	cursor: pointer;
}
field row d.imageField d label.load:before,
field row d.galleryField.load:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	width: 100px;
	height: 100px;
	z-index: 5;
	display: block;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}
field row d.imageField d > label.set {
	height: auto;
}
field row d.galleryField.load > d {
	opacity: .3;
	filter: blur(1px);
	transition: .5s;
}
field row d.imageField d label.load > img {
	opacity: .4;
	filter: blur(4px);
	transition: .5s;
}
field row d.imageField d label.load, field row d.imageField d label.load *,
field row d.galleryField.load, field row d.galleryField.load * {
	pointer-events: none;
}
field row d.imageField .original d.media {
	position: absolute;
	left: 5px;
	z-index: 5;
	border-radius: 8px;
	padding: 4px 4px;
	font-size: 8px;
	color: #fff;
	font-weight: 600;
	background: #ffffff;
	text-transform: uppercase;
	width: 25px;
	height: 25px;
	background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='%23999' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3ccircle cx='11' cy='11' r='8'%3e%3c/circle%3e%3cline x1='21' y1='21' x2='16.65' y2='16.65'%3e%3c/line%3e%3c/svg%3e");
	background-size: 14px;
	background-repeat: no-repeat;
	background-position: center;
	box-shadow: 1px 1px 6px -4px #444;
	bottom: 5px;
	cursor: pointer;
}
field row d.imageField .original d.media:hover {
	background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='%23111' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3ccircle cx='11' cy='11' r='8'%3e%3c/circle%3e%3cline x1='21' y1='21' x2='16.65' y2='16.65'%3e%3c/line%3e%3c/svg%3e");
}
field row d.imageField .original d.del {
	position: absolute;
	right: 5px;
	z-index: 5;
	border-radius: 5px;
	padding: 4px 4px;
	font-size: 8px;
	color: #fff;
	font-weight: 600;
	background: #ffffff;
	text-transform: uppercase;
	width: 25px;
	height: 25px;
	background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='%23999' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3cpolyline points='3 6 5 6 21 6'%3e%3c/polyline%3e%3cpath d='M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'%3e%3c/path%3e%3c/svg%3e");
	background-size: 14px;
	background-repeat: no-repeat;
	background-position: center;
	box-shadow: 1px 1px 6px -4px #444;
	bottom: 5px;
	cursor: pointer;
	display: none;
}
field row d.imageField .original d.del:hover {
	background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='%23111' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3cpolyline points='3 6 5 6 21 6'%3e%3c/polyline%3e%3cpath d='M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'%3e%3c/path%3e%3c/svg%3e");
}
field row d.imageField .original label.set ~ d.del {
	display: block;
}
field row d.galleryField d.img {
	width: 90px;
	height: 90px;
	background-color: #f4f7f8;
	border-radius: 8px;
	overflow: hidden;
	position: relative;
	background-repeat: no-repeat;
	background-size: 60%;
	background-position: center;
	display: block;
}
field row d.galleryField {
	display: flex;
	gap: 10px;
	position: relative;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
}
field row d.galleryField d.name {
	font-size: 14px;
	color: #444;
	font-weight: 500;
	height: 18px;
	display: flex;
	align-items: center;
	justify-content: center;
}
field row d.galleryField d.original {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 5px;
	text-align: center;
	min-width: 80px;
}
field row d.galleryField  d.size {
	font-size: 9px;
	color: #5eb73b;
	font-weight: 600;
}
d.galleryField input[type="file"] {
	display: none;
}
field row d.galleryField label img {
	width: 100%;
}
field row d.galleryField label img[src=""] {
	display: none;
}
field row d.galleryField d.list {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	max-width: 390px;
	justify-content: flex-start;
	align-items: flex-start;
	position: relative;
	padding-bottom: 10px;
}
field row d.imageField d label.load l,
field row d.galleryField d.img l {
	width: 0;
	position: absolute;
	bottom: 0px;
	height: 2px;
	left: 0;
	background: #111111;
	display: none;
	z-index: 10;
}
field row d.imageField d label.load c,
field row d.galleryField d.img c {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	display: none;
	text-align: center;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-size: 10px;
	font-weight: 600;
	z-index: 5;
}
field row d.imageField d label.load l,
field row d.galleryField d.img.load l {
	display: block;
}
field row d.imageField d label.load c,
field row d.galleryField d.img.load c {
	display: flex;
}
field row d.imageField d label.load c {
	color: #444;
}
field row d.galleryField d.img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
field row d.mc-sortable-placeholder.img:before {
	display: none;
}
field row d.mc-sortable-placeholder.img {
	visibility: visible!important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23ccc' stroke-width='1' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 10C10.1046 10 11 9.10457 11 8C11 6.89543 10.1046 6 9 6C7.89543 6 7 6.89543 7 8C7 9.10457 7.89543 10 9 10Z'%3E%3C/path%3E%3Cpath d='M13 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22H15C20 22 22 20 22 15V10'%3E%3C/path%3E%3Cpath d='M18 2V8L20 6'%3E%3C/path%3E%3Cpath d='M18 8L16 6'%3E%3C/path%3E%3Cpath d='M2.67004 18.9501L7.60004 15.6401C8.39004 15.1101 9.53004 15.1701 10.24 15.7801L10.57 16.0701C11.35 16.7401 12.61 16.7401 13.39 16.0701L17.55 12.5001C18.33 11.8301 19.59 11.8301 20.37 12.5001L22 13.9001'%3E%3C/path%3E%3C/svg%3E");
	background-size: 50%!important;
}
field row d.galleryField d.img.new:before {
	content: "";
	position: absolute;
	left: 2px;
	top: 3px;
	width: 20px;
	height: 20px;
	border-radius: 5px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23fff' stroke-width='2' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 21V5a2 2 0 012-2h10a2 2 0 012 2v16l-5.918-3.805a2 2 0 00-2.164 0L5 21z'%3E%3C/path%3E%3C/svg%3E");
	background-size: 20px;
	background-repeat: no-repeat;
	background-position: center;
}
field row d.galleryField d.img x {
	position: absolute;
	right: 5px;
	top: 5px;
	width: 20px;
	height: 20px;
	background: #ffffff;
	border-radius: 5px;
	background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='%23888' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e");
	background-size: 74%;
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
}
field row d.galleryField label {
	width: 90px;
	height: 90px;
	background-color: #f4f7f8;
	border-radius: 8px;
	overflow: hidden;
	position: relative;
	background-repeat: no-repeat;
	background-size: 50%;
	background-position: center;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23ccc' stroke-width='1' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 10C10.1046 10 11 9.10457 11 8C11 6.89543 10.1046 6 9 6C7.89543 6 7 6.89543 7 8C7 9.10457 7.89543 10 9 10Z'%3E%3C/path%3E%3Cpath d='M13 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22H15C20 22 22 20 22 15V10'%3E%3C/path%3E%3Cpath d='M15.75 5H21.25'%3E%3C/path%3E%3Cpath d='M18.5 7.75V2.25'%3E%3C/path%3E%3Cpath d='M2.67004 18.9501L7.60004 15.6401C8.39004 15.1101 9.53004 15.1701 10.24 15.7801L10.57 16.0701C11.35 16.7401 12.61 16.7401 13.39 16.0701L17.55 12.5001C18.33 11.8301 19.59 11.8301 20.37 12.5001L22 13.9001'%3E%3C/path%3E%3C/svg%3E");
	display: block;
	cursor: pointer;
}
field row d.galleryField .original label {
	cursor: pointer;
}
field row d.galleryField d label.load {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' class='circular-loader' viewBox='25 25 50 50'%3E%3Ccircle class='loader-path' cx='50' cy='50' r='20' fill='none' stroke='%23aaa' stroke-width='.5'/%3E%3Cdefs%3E%3Cstyle type='text/css'%3E%3C!%5BCDATA%5B .circular-loader %7B -webkit-animation: rotate 2s linear infinite; animation: rotate 2s linear infinite; height: 100%25; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; width: 100%25; position: absolute; top: 0; left: 0; margin: auto; %7D .loader-path %7B stroke-dasharray: 150,200; stroke-dashoffset: -10; -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite; animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite; stroke-linecap: round; %7D @-webkit-keyframes rotate %7B100%25 %7B-webkit-transform: rotate(360deg);transform: rotate(360deg);%7D%7D @keyframes rotate %7B100%25 %7B-webkit-transform: rotate(360deg);transform: rotate(360deg);%7D%7D @-webkit-keyframes dash %7B 0%25 %7Bstroke-dasharray: 1,200;stroke-dashoffset: 0;%7D 50%25 %7Bstroke-dasharray: 89,200;stroke-dashoffset: -35;%7D 100%25 %7Bstroke-dasharray: 89,200;stroke-dashoffset: -124;%7D %7D @keyframes dash %7B 0%25 %7Bstroke-dasharray: 1,200;stroke-dashoffset: 0;%7D 50%25 %7Bstroke-dasharray: 89,200;stroke-dashoffset: -35;%7D 100%25 %7Bstroke-dasharray: 89,200;stroke-dashoffset: -124;%7D %7D%5D%5D%3E%3C/style%3E%3C/defs%3E%3C/svg%3E");
}
field row d.galleryField.set d > label {
	height: auto;
}











ps>op.d-field d.name {
	background-size: 18px!important;
	background-position: 10px center!important;
	background-repeat: no-repeat!important;
	padding-left: 40px;
}

row.press-red radio.a {
	border: 2px solid #c70000;
	background: #c70000;
	box-shadow: 0px 0px 1px 2px #c70000;
}
row.press-red radio.a:before {
	background-color: #c70000;
}


/* ================================= CHECK ================================= */

check, radio {
	border-radius: 32%;
	width: 20px;
	height: 20px;
	cursor: pointer;
	transition: all .25s ease;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	border: 2px solid #e8e8e8;
	position: relative;
	overflow: hidden;
	background: #fff;
}
radio {
	border-radius: 40%;
}
check:hover, radio:hover {
	border: 2px solid #9c9c9c;
}
check.a, radio.a {
	border: 2px solid #111111;
	background: #111111;
	box-shadow: 0px 0px 1px 2px rgb(0 0 0 / 90%);
	scale: 0.85;
}
check.a:before, radio.a:before {
	scale: 2;
}
check:before, radio:before {
	background: #111111;
	content: "";
	position: absolute;
	inset: 0;
	margin: auto;
	scale: 0;
	border-radius: 50%;
	transition: all .3s ease;
	background-size: 47%;
	background-repeat: no-repeat;
	background-position: center;
}
check:before {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke='%23fff' stroke-width='3' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3cpolyline points='20 6 9 17 4 12'%3e%3c/polyline%3e%3c/svg%3e");
}
radio:before {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke='%23fff' stroke-width='3' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3cpolyline points='20 6 9 17 4 12'%3e%3c/polyline%3e%3c/svg%3e");
}
slider {
	display: flex;
	position: relative;
	border-radius: 10px;
	overflow: hidden;
	height: 38px;
	align-items: center;
	background: #f4f7f8;
}
d-field.selectedTools {
	box-shadow: 0px 0px 0px 1px #e7eef1;
	background-color: #f4f7f8;
}
slider>btn.a {
	background-color: unset;
	box-shadow: unset;
}
slider>btn {
	display: block;
	min-width: 36px;
	width: 100%;
	height: 38px;
	margin: auto;
	top: 0;
	bottom: 0;
	cursor: pointer;
	background-size: 17px;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	z-index: 5;
	transition: all .3s ease;
	font-size: 14px;
	font-weight: 400;
	color: #ccc;
	box-sizing: border-box;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 10px;
}
slider>s,slider>h {
	position: absolute;
	top: 0;
	bottom: 0;
	height: 100%;
	transition: all .3s ease;
	background-color: #fff;
	box-shadow: 1px 3px 10px -1px rgb(0 0 0 / 15%);
	z-index: 3;
	pointer-events: none;
}
slider>h {
	box-shadow: none;
	background-color: #edf1f2;
	opacity: 0;
	z-index: 2;
}
slider:hover>h {
	opacity: 1;
}
slider>btn.a {
	background-color: #fff;
	box-shadow: 1px 3px 10px -1px rgb(0 0 0 / 15%);
	color: #111;
}
slider>btn:before {
	content: "";
	position: absolute;
	transition: .5s;
	left: 0px;
	top: 0;
	bottom: 0;
	height: 50%;
	margin: auto;
	width: 1px;
	background: #e0e7e9;
	z-index: 0;
	opacity: 1;
}
slider>btn:first-child:before, slider>btn.a:before, slider>btn.a+btn:before {
	opacity: 0;
}






/* ================================= SEL ================================= */

sel {
	background: rgb(244,247,248);
	border-radius: 10px;
	position: relative;
	transition: all .25s ease,height 0s;
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
}
sel>.area>.search.set {
	font-weight: 500;
}
sel>.area d:not(:last-child):after {
	content: ",";
}
sel:hover, sel.act {
	background: rgba(255,255,255,1);
	box-shadow: 0 5px 25px -4px rgba(0,0,0,.08);
}
sel>.area>.search.h {
	display: none;
}
sel:not(.act)>.area>.search {
	pointer-events: none;
}
sel>.area>.search:before {
	content: attr(placeholder);
	color: #ccc;
	margin: auto 0;
	pointer-events: none;
	transition: .2s;
	transition-delay: .5s;
	font-size: 14px;
}
sel>.area>.search:focus:before {
	opacity: 0;
	position: absolute;
	pointer-events: none;
	transition-delay: 0s;
}
sel>.area>.search.trd:before {
	transition-delay: 0s!important;
}
sel>.area>.search.f {
	width: 100%;
}
sel:not(.act)>.area>d+.search {
	display: none;
}
sel>.area>.search[contenteditable]:not(:focus) {
	font-size: 0;
}
sel>.area>.search {
	max-width: 100%;
	width: auto;
	position: relative;
	min-height: 34px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	outline: none;
	border: none;
	line-height: normal;
	font-family: montserrat;
	cursor: pointer;
	font-size: 14px;
	padding-left: 20px;
	position: relative;
}
sel>.area>.search[contenteditable] {
	white-space: nowrap;
	line-height: 34px;
	background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke='%23ddd' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3ccircle cx='11' cy='11' r='8'%3e%3c/circle%3e%3cline x1='21' y1='21' x2='16.65' y2='16.65'%3e%3c/line%3e%3c/svg%3e");
	background-size: 20px;
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-left: 35px;
	overflow: hidden;
	cursor: auto;
}
sel.act {
	border-radius: 10px 10px 0px 0px;
}
sel>.icon {
	width: 40px;
	min-width: 40px;
	min-height: 25px;
	background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke='%23111' stroke-width='1' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
	background-size: 18px;
	background-repeat: no-repeat;
	background-position: center;
	transition: all .3s;
	align-self: stretch;
}
sel.act>.icon {
	transform: rotate(180deg);
}
sel.load, sel.load * {
	pointer-events: none;
	user-select: none;
}
sel>.loader {
	position: relative;
	width: 0;
	height: 22px;
	right: 7px;
	pointer-events: none;
	border-radius: 50%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: inherit;
	cursor: default;
	z-index: 600;
	transition: all .3s;
	overflow: hidden;
	opacity: 0;
}
sel>.area {
	margin-left: 10px;
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	gap: 0px 5px;
	min-height: 36px;
	margin-bottom: 3px;
}
sel.load>.loader {
	min-width: 22px;
	width: 22px;
	opacity: 1;
}
sel>.loader:after, sel .loader:before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	content: "";
}
sel>.loader:before {
	border: 1px dashed #000;
	border-radius: inherit;
	border-top: 2px solid transparent;
	border-left: 2px solid transparent;
	border-right: 2px solid transparent;
	-webkit-animation: rotateInputLoading .8s linear infinite;
	animation: rotateInputLoading .8s linear infinite;
	opacity: .4;
}
sel>.loader:after {
	border: 1px solid #444;
	border-radius: inherit;
	border-top: 2px solid transparent;
	border-left: 2px solid transparent;
	border-right: 2px solid transparent;
	-webkit-animation: rotateInputLoading .8s ease infinite;
	animation: rotateInputLoading .8s ease infinite;
}
sel>.area>.search.set:before {
	transition-delay: 0s;
	color: #111;
}
ps * {
	overflow: hidden;
}
fieldset field.fh {
	margin-bottom: -10px;
}
field.fh {
	height: 0!important;
	padding: 0!important;
	pointer-events: none!important;
	overflow: hidden;
}
ps.open {
	opacity: 1;
	transform: translateY(10px);
	pointer-events: auto;
}
ps {
	position: absolute;
	border-radius: 0px 0px 10px 10px;
	background: rgba(255,255,255,1);
	box-shadow: 0px 14px 25px -4px rgba(0,0,0,.1);
	overflow: auto;
	padding: 0;
	transition: .2s ease;
	opacity: 0;
	transform: translateY(0px);
	padding: 10px 0;
	pointer-events: none;
	z-index: 100;
	/* border-top: 1px solid rgb(244,247,248); */
}
ps>op.f:not(.parent) {
	padding-bottom: 0;
	padding-top: 0;
	max-height: 0;
	min-height: 0;
	height: 0;
	overflow: hidden;
	opacity: 0;
	margin-bottom: 0;
}
ps>op span.highlight {
	color: #333333;
	background: #f1e9d6;
	padding: 0px 0px;
	border-radius: 2px;
}
ps>op>em {
	display: block;
	font-size: 0;
	width: 10px;
	min-width: 10px;
	max-width: 10px;
	position: relative;
}
ps>op>em:before {
	content: "";
	left: 0;
	right: 0;
	width: 100%;
	margin: auto;
	height: 0;
	border-bottom: 1px dotted #d2d2d2;
	display: block;
}
ps>op>.name {
	width: 100%;
	text-align: left;
	font-size: 14px;
	font-weight: 500;
	padding: 0px 0 0px 10px;
	height: 100%;
	display: block;
}
ps>op:hover {
	background: #f9f9f9;
}
ps>op>check {
	min-width: 20px;
	width: 20px;
	height: 20px;
	pointer-events: none;
}
ps>op {
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	align-items: center;
	padding: 0 5px;
	gap: 5px;
	margin: 0 5px 3px 5px;
	border-radius: 5px;
	min-height: 30px;
	user-select: none;
	transition: .2s ease;
	cursor: pointer;
}
ps>op:last-child {
	margin-bottom: 0;
}
ps>op>im>img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
ps, ps * {
	overflow-x: hidden;
}
ps>op im, ps>op color {
	margin: 0 5px;
	display: block;
	overflow: hidden;
	border-radius: 4px;
}
ps>op.parent.f.act {
	border-radius: 5px;
	border: none;
}
ps>op.act {
	background: #f4f7f8;
}
ps>op.parent {
	border-bottom: 1px solid #e9e9e9;
	border-radius: 0;
}
ps>op.parent.act {
	border-radius: 5px;
}
ps>op.parent:hover {
	border-radius: 5px;
}
ps>op color {
	border-radius: 50%;
}

ps::-webkit-scrollbar {
	width: 4px;
}
ps::-webkit-scrollbar-thumb {
	background-color: #e4e5e5;
	border: 0;
	border-radius: 4px;
}
ps::-webkit-scrollbar-track {
	background: transparent;
}

ps>op.disabled check {
	opacity: 0;
}
ps>op.disabled {
	background: #f6f6f6;
	pointer-events: none;
	cursor: default;
}
ps>op.disabled im, ps>op.disabled color {
	opacity: .5;
}
ps>op.disabled .name {
	color: #cccccc;
}
sel:not(.act)>.area>d>i {
	display: block;
}
sel>.area>d {
	position: relative;
}
ps>op.disabled, ps>op.disabled * {
	pointer-events: none;
}
d-field>d.key[system] {
	pointer-events: none;
}
d.tplFactory>d.fields>d>d.f d-field.not * {
	pointer-events: none;
}
d.tplFactory>d.fields>d>d.f d-field.not {
	pointer-events: none;
	opacity: .2;
}
d.tplFactory>d.fields>d>d.f d-field.not .drop {
	box-shadow: none;
	opacity: 0;
}
d-field.selectedTools>d.key[system] input {
	background: none;
}
d-field>d.key[system] input {
	pointer-events: none;
	background: #fff;
	border-radius: 0;
	box-shadow: 0px 4px 2px -5px #000;
	color: #ccc;
}
sel>.area>d.ost {
	position: relative;
	padding: 3px 8px 3px 6px;
	border-radius: 20px;
	border: 1px solid #e6eaec;
	font-size: 10px;
	font-weight: 500;
	margin: 4px 8px 4px 0px;
	display: block;
	user-select: none;
	background: #fff;
}
sel>.area>d>i {
	position: absolute;
	right: -13px;
	top: -8px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: #e7ebec;
	cursor: pointer;
	background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke='%23444' stroke-width='1' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e");
	background-size: 11px;
	background-repeat: no-repeat;
	background-position: center;
	display: none;
}
sel>.area>d>i:hover {
	background-color: #111111;
	background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke='%23ddd' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e");
}


field row.icon {
	font-size: 12px;
	font-weight: 600;
	padding: 3px 0 2px 25px;
	color: #777;
}
field[language] {
	display: none;
}


/* ================================= FIELDSET ================================= */

fieldset {
	user-select: none;
	display: flex;
	flex-direction: column;
	gap: 10px;
	min-width: 0;
	border: 0;
	padding: 0;
	margin: 0;
}
field>row info code {
	display: block;
	color: #999;
	background: #ffffff;
	padding: 5px 10px;
	border-radius: 5px;
	line-height: normal;
	font-weight: 600;
	font-size: 10px;
	user-select: text;
}
field>row info {
	padding: 10px 20px 10px 60px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	gap: 5px;
	align-items: flex-start;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke='%23aaa' stroke-width='1.3' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3ccircle cx='12' cy='12' r='10'%3e%3c/circle%3e%3cline x1='12' y1='8' x2='12' y2='12'%3e%3c/line%3e%3cline x1='12' y1='16' x2='12.01' y2='16'%3e%3c/line%3e%3c/svg%3e");
	background-size: 30px;
	background-repeat: no-repeat;
	background-position: 15px center;
	min-height: 50px;
	background-color: #f4f7f8;
	border-radius: 8px;
	font-size: 11px;
	font-weight: 500;
	color: #999;
	user-select: none;
	cursor: default;
	width: 100%;
	width: -moz-max-content;
	max-width: 100%;
}
fieldset d.sa705 {
	user-select: all;
}
field {
	display: flex;
	padding: 5px 0;
	font-size: 14px;
	position: relative;
	user-select: none;
	flex-direction: column;
	transition: .3s ease;
	gap: 10px;
}

field.err {
	pointer-events: none;
	border: 1px dashed #b91c1c;
	border-radius: 6px;
	min-height: 38px;
	display: flex;
	align-items: center;
	text-align: center;
	justify-content: center;
	color: #b91c1c;
	font-weight: 600;
}
fieldset>name {
	display: flex;
	font-size: 11px;
	font-weight: 600;
	color: #a0a0a0;
	gap: 5px;
	padding: 5px 0;
}
field>d {
	display: flex;
	width: 100%;
}
field add {
	min-width: 38px;
	max-width: 38px;
	height: 38px;
	display: block;
	background: #f4f7f8;
	border-radius: 10px;
	background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='%23111' stroke-width='1' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3cline x1='12' y1='5' x2='12' y2='19'%3e%3c/line%3e%3cline x1='5' y1='12' x2='19' y2='12'%3e%3c/line%3e%3c/svg%3e");
	background-size: 16px;
	background-repeat: no-repeat;
	background-position: center;
}
fieldset name {
	display: flex;
	gap: 7px;
	align-items: center;
	font-size: 10px;
	font-weight: 500;
	color: #a0a0a0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
}
fieldset name>small {
	display: block;
	font-size: 9px;
	background: #dcdcdc;
	border-radius: 3px;
	padding: 0 3px;
	color: #656565;
	font-weight: 600;
}
field>name {
	font-size: 11px;
}
field>row {
	display: flex;
}
field>row>f {
	width: 100%;
	gap: 5px;
	align-items: flex-end;
}
field>row>f>d {
	width: 100%;
	position: relative;
}
field>row>f>s, field>row>f>a, field>row>f>x {
	all: unset;
	display: block;
	width: 38px;
	min-width: 38px;
	height: 38px;
	background: #444;
	cursor: pointer;
	box-sizing: content-box;
	box-shadow: 1px 3px 14px -8px rgb(0 0 0 / 40%);
	border-radius: 10px;
	background-repeat: no-repeat;
	background-position: center;
	background-color: #fff;
	background-size: 16px;
}
field>row:first-child>f>x, field>name+row>f>x {
	opacity: .2;
	pointer-events: none;
}
field>row textarea, field>row input {
	padding: 10px 20px 10px 40px;
	height: 38px;
	border: 1px solid #e9eaea;
	border-radius: 8px;
	background-size: 20px;
	background-repeat: no-repeat;
	background-position: 10px center;
	width: 100%;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23aaa' stroke-width='1' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.363 5.652l1.48-1.48a2 2 0 012.829 0l1.414 1.414a2 2 0 010 2.828l-1.48 1.48m-4.243-4.242l-9.616 9.615a2 2 0 00-.578 1.238l-.242 2.74a1 1 0 001.084 1.085l2.74-.242a2 2 0 001.24-.578l9.615-9.616m-4.243-4.242l4.243 4.242'%3E%3C/path%3E%3C/svg%3E");
	outline: none;
}
field>row textarea {
	height: 100px;
	background-position: 10px 10px;
}
field>row>f>a {
	background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='%23111' stroke-width='1' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3cline x1='12' y1='5' x2='12' y2='19'%3e%3c/line%3e%3cline x1='5' y1='12' x2='19' y2='12'%3e%3c/line%3e%3c/svg%3e");
}
field>row>f>x {
	background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='%23111' stroke-width='1' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3cline x1='5' y1='12' x2='19' y2='12'%3e%3c/line%3e%3c/svg%3e");
}
field>row>f>s {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23555' stroke-width='1' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18l3 3l3 -3'%3E%3C/path%3E%3Cpath d='M12 15v6'%3E%3C/path%3E%3Cpath d='M15 6l-3 -3l-3 3'%3E%3C/path%3E%3Cpath d='M12 3v6'%3E%3C/path%3E%3C/svg%3E");
	cursor: grab;
}
field[type="date time"], field[type="date time double"] {
	display: flex;
	flex-direction: column;
}
row.inline pos>.mcDatepicker.inline, row.inline pos>.mcDatepicker.inline d.mcDatepickerTime {
	padding-left: 0;
}
field>row.require input {
	border-color: #f8b0b0;
}
d.wrapEditor {
	width: 800px;
	height: 700px;
}
doc > tool {
	display: flex;
}
doc {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
doc > content {
	display: block;
	width: 100%;
	height: 100%;
	flex-grow: 1;
}
field>row d.openEditorBtn {
	font-size: 12px;
	font-weight: 600;
	background: #f4f7f8;
	border-radius: 8px;
	padding: 8px 16px;
	cursor: pointer;
	transition: .2s ease;
	align-items: center;
	display: flex;
	justify-content: center;
	text-align: center;
	user-select: none;
}
field>row d.openEditorBtn:hover {
	background: #111;
	color: #fff;
}
field[type="range"]>row>f>d>d,
field[type="text double"]>row>f>d>d {
	position: relative;
}
field[type="date time"]>row.inline>f>d>name {
	position: static;
	padding-left: 0;
}
field.emailField input {
	background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='%23aaa' stroke-width='1' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3ccircle cx='12' cy='12' r='4'%3e%3c/circle%3e%3cpath d='M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-3.92 7.94'%3e%3c/path%3e%3c/svg%3e");
	background-size: 18px;
}
field[name="pass"] input {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23aaa' stroke-width='1' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18.9 7a8 8 0 0 1 1.1 5v1a6 6 0 0 0 .8 3'%3E%3C/path%3E%3Cpath d='M8 11a4 4 0 0 1 8 0v1a10 10 0 0 0 2 6'%3E%3C/path%3E%3Cpath d='M12 11v2a14 14 0 0 0 2.5 8'%3E%3C/path%3E%3Cpath d='M8 15a18 18 0 0 0 1.8 6'%3E%3C/path%3E%3Cpath d='M4.9 19a22 22 0 0 1 -.9 -7v-1a8 8 0 0 1 12 -6.95'%3E%3C/path%3E%3C/svg%3E");
	background-size: 18px;
}
field[type="select"]>row>name,
field[type="slider"]>row>name {
	display: flex;
	gap: 7px;
	align-items: center;
	font-size: 10px;
	font-weight: 500;
	color: #a0a0a0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: calc(100% - 25px);
	padding-left: 12px;
}
field[type="range"]>row>f>d>d>name, 
field[type="text double"]>row>f>d>d>name, 
field[type="date time"]>row>f>d>name, 
field[type="date time double"]>row>f>d>name, 
field[type="textarea"]>row>f>d>name, 
field[type="text"]>row>f>d>name, 
field[type="name"]>row>f>d>name, 
field[type="video"]>row>f>d>name, 
field[type="color"]>row>f>d>name, 
field[type="phone"]>row>f>d>name, 
field[type="alias"]>row>f>d>name, 
field[type="pass"]>row>f>d>name, 
field[type="email"]>row>f>d>name, 
field[type="number"]>row>f>d>name, 
field[type="range"]>row>f>d>name, 
field[type="datetime"]>row>f>d>name, 
field[type="password"]>row>f>d>name {
	font-size: 10px;
	position: absolute;
	top: -6px;
	left: 21px;
	padding: 0 10px;
	font-weight: 500;
	color: #a0a0a0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: calc(100% - 25px);
	z-index: 1;
	line-height: 11px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 5px;
}
field[type="range"]>row>f>d>d>name:before,
field[type="text double"]>row>f>d>d>name:before,
field[type="date time"]>row>f>d>name:before, 
field[type="date time double"]>row>f>d>name:before, 
field[type="text"]>row>f>d>name:before, 
field[type="name"]>row>f>d>name:before, 
field[type="video"]>row>f>d>name:before, 
field[type="color"]>row>f>d>name:before, 
field[type="textarea"]>row>f>d>name:before, 
field[type="number"]>row>f>d>name:before, 
field[type="pass"]>row>f>d>name:before, 
field[type="alias"]>row>f>d>name:before, 
field[type="email"]>row>f>d>name:before, 
field[type="phone"]>row>f>d>name:before, 
field[type="range"]>row>f>d>name:before, 
field[type="datetime"]>row>f>d>name:before, 
field[type="password"]>row>f>d>name:before {
	content: "";
	left: 0;
	bottom: 4px;
	position: absolute;
	background: #fff;
	height: 1px;
	width: 100%;
	z-index: -1;
}
field[type="range"]>row.require>f>d>d>name,
field[type="text double"]>row.require>f>d>d>name,
field[type="date time"]>row.require>f>d>name,
field[type="date time double"]>row.require>f>d>name,
field[type="text"]>row.require>f>d>name,
field[type="name"]>row.require>f>d>name,
field[type="video"]>row.require>f>d>name,
field[type="color"]>row.require>f>d>name,
field[type="number"]>row.require>f>d>name,
field[type="pass"]>row.require>f>d>name,
field[type="alias"]>row.require>f>d>name,
field[type="email"]>row.require>f>d>name,
field[type="phone"]>row.require>f>d>name,
field[type="range"]>row.require>f>d>name,
field[type="datetime"]>row.require>f>d>name,
field[type="password"]>row.require>f>d>name {
	color: #e07f7f;
}
field[type="range"]>row,
field[type="date time"]>row, 
field[type="date time double"]>row, 
field[type="text"]>row, 
field[type="name"]>row, 
field[type="video"]>row, 
field[type="color"]>row, 
field[type="number"]>row, 
field[type="pass"]>row, 
field[type="alias"]>row, 
field[type="email"]>row, 
field[type="phone"]>row, 
field[type="datetime"]>row, 
field[type="password"]>row {
	flex-direction: column;
	padding: 5px 0 0px 0;
	position: relative;
}

field[type="range"]>row {
	display: flex;
	gap: 10px;
	flex-direction: row;
}


field>f>d input::placeholder {
	color: #dcdcdc;
}
field[type="date time double"]>row,

field[type="date time double"]>row>f>d input {
	width: 100%;
}
field[type="range"]>row>f>d input {
	width: 140px;
}
field[type="date time double"]>row>f>d {
	width: 50%;
	position: relative;
}
field[type="range"].col>row,
field[type="date time double"].col>row {
	flex-direction: column;
	gap: 5px;
}
field[type="range"].col>row>d,
field[type="date time double"].col>row>d {
	width: 100%;
}
field[type="date time"]>row input, field[type="date time double"]>row input {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23aaa' stroke-width='1.3' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 012.25-2.25h13.5A2.25 2.25 0 0121 7.5v11.25m-18 0A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75m-18 0v-7.5A2.25 2.25 0 015.25 9h13.5A2.25 2.25 0 0121 11.25v7.5m-9-6h.008v.008H12v-.008zM12 15h.008v.008H12V15zm0 2.25h.008v.008H12v-.008zM9.75 15h.008v.008H9.75V15zm0 2.25h.008v.008H9.75v-.008zM7.5 15h.008v.008H7.5V15zm0 2.25h.008v.008H7.5v-.008zm6.75-4.5h.008v.008h-.008v-.008zm0 2.25h.008v.008h-.008V15zm0 2.25h.008v.008h-.008v-.008zm2.25-4.5h.008v.008H16.5v-.008zm0 2.25h.008v.008H16.5V15z'%3E%3C/path%3E%3C/svg%3E");
}


field[type="check"]:hover>check:not(.a), 
field[type="radio"]:hover>radio:not(.a) {
	border: 2px solid #9c9c9c;
}
field[type="check"], 
field[type="radio"] {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	gap: 8px;
}
field[type="check"]>row, 
field[type="radio"]>row {
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
	gap: 10px;
	cursor: pointer;
	justify-content: flex-end;
}
field[type="check"]>row:hover>check:not(.a), 
field[type="radio"]>row:hover>radio:not(.a) {
	border: 2px solid #9c9c9c;
}















d.tplFactory>d.template>d.groups>d.group {
	cursor: pointer;
	box-sizing: content-box;
	box-shadow: 1px 3px 14px -8px rgb(0 0 0 / 40%);
	border-radius: 10px;
	background-repeat: no-repeat;
	background-position: center;
	background-color: #fff;
	background-size: 16px;
	display: flex;
	text-align: center;
	user-select: none;
	overflow: hidden;
	transition: background .3s ease;
	position: relative;
	align-items: stretch;
}
d.tplFactory>d.template>d.groups>d.group>.name {
	font-family: oswald;
	color: #585858;
	font-size: 14px;
	padding: 10px 5px 10px 15px;
}
d.tplFactory>d.template>d.groups>d.group>d:last-child {
	width: 24px;
	background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='%23aaa' stroke-width='1' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3ccircle cx='12' cy='12' r='3'%3e%3c/circle%3e%3cpath d='M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z'%3e%3c/path%3e%3c/svg%3e");
	background-size: 16px;
	background-repeat: no-repeat;
	background-position: center;
	transition: background .3s ease;
	min-width: 24px;
}
d.tplFactory>d.template>d.groups>d.group>d:last-child:hover {
	background-color: #f4f7f8;
	background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='%23777' stroke-width='1' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3ccircle cx='12' cy='12' r='3'%3e%3c/circle%3e%3cpath d='M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z'%3e%3c/path%3e%3c/svg%3e");
}
d-field>d.tool>d.settings.a {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke='%233b9417' stroke-width='1' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3ccircle cx='12' cy='12' r='3'%3e%3c/circle%3e%3cpath d='M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z'%3e%3c/path%3e%3c/svg%3e");
	box-shadow: 1px 3px 14px -8px rgb(0 0 0 / 40%);
}
d-field>d.tool>d.settings.r {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke='%23b91c1c' stroke-width='1' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3ccircle cx='12' cy='12' r='3'%3e%3c/circle%3e%3cpath d='M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z'%3e%3c/path%3e%3c/svg%3e");
	box-shadow: 1px 3px 14px -8px rgb(0 0 0 / 40%);
}
field>d input.max_text_length {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23aaa' stroke-width='1' viewBox='0 0 24 24' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 10h2a2 2 0 0 1 2 2v5h-3a2 2 0 1 1 0 -4h3'%3E%3C/path%3E%3Cpath d='M19 7h-3a2 2 0 0 0 -2 2v6a2 2 0 0 0 2 2h1a2 2 0 0 0 2 -2v-3a2 2 0 0 0 -2 -2h-3'%3E%3C/path%3E%3C/svg%3E");
}


field input[type="number"]::-webkit-inner-spin-button,
field input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
	-moz-appearance: textfield;
    margin: 0;
}
field input[type="number"]::-webkit-inner-spin-button:after,
field input[type="number"]::-webkit-outer-spin-button:after {
    content: "";
}


fieldset vars {
	display: block;
}
fieldset var {
	all: unset;
	display: block;
	overflow: hidden;
	padding: 0;
}
fieldset var.set {
	transition: height .3s ease;
}
field row d.galleryField d.img.load, field row d.galleryField d.img.load * {
	pointer-events: none;
}
field row d.galleryField d.img.load > x {
	display: none;
}
field row d.galleryField d.img.load > img {
	opacity: .5;
	filter: blur(10px);
}
field row d.imageField d label.load:before,
field row d.galleryField d.img.load:before {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	width: 40px;
	height: 40px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' class='circular-loader' viewBox='25 25 50 50'%3E%3Ccircle class='loader-path' cx='50' cy='50' r='20' fill='none' stroke='%23111' stroke-width='.5'/%3E%3Cdefs%3E%3Cstyle type='text/css'%3E%3C!%5BCDATA%5B .circular-loader %7B -webkit-animation: rotate 2s linear infinite; animation: rotate 2s linear infinite; height: 100%25; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; width: 100%25; position: absolute; top: 0; left: 0; margin: auto; %7D .loader-path %7B stroke-dasharray: 150,200; stroke-dashoffset: -10; -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite; animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite; stroke-linecap: round; %7D @-webkit-keyframes rotate %7B100%25 %7B-webkit-transform: rotate(360deg);transform: rotate(360deg);%7D%7D @keyframes rotate %7B100%25 %7B-webkit-transform: rotate(360deg);transform: rotate(360deg);%7D%7D @-webkit-keyframes dash %7B 0%25 %7Bstroke-dasharray: 1,200;stroke-dashoffset: 0;%7D 50%25 %7Bstroke-dasharray: 89,200;stroke-dashoffset: -35;%7D 100%25 %7Bstroke-dasharray: 89,200;stroke-dashoffset: -124;%7D %7D @keyframes dash %7B 0%25 %7Bstroke-dasharray: 1,200;stroke-dashoffset: 0;%7D 50%25 %7Bstroke-dasharray: 89,200;stroke-dashoffset: -35;%7D 100%25 %7Bstroke-dasharray: 89,200;stroke-dashoffset: -124;%7D %7D%5D%5D%3E%3C/style%3E%3C/defs%3E%3C/svg%3E");
	z-index: 5;
	display: block;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	content: "";
}
field row d.imageField d label.load {
	background: #fff;
}windows {
	display: block;
	inset: 0;
}
windows>cl {
	display: block;
	position: fixed;
	width: 40px;
	height: 40px;
	z-index: 999999;
	background-size: 18px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='135' height='140' viewBox='0 0 135 140' fill='%23000'%3E%3Crect y='10' width='15' height='120' rx='6'%3E%3Canimate attributeName='height' begin='0.5s' dur='1s' values='120;110;100;90;80;70;60;50;40;140;120' calcMode='linear' repeatCount='indefinite'/%3E%3Canimate attributeName='y' begin='0.5s' dur='1s' values='10;15;20;25;30;35;40;45;50;0;10' calcMode='linear' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='30' y='10' width='15' height='120' rx='6'%3E%3Canimate attributeName='height' begin='0.25s' dur='1s' values='120;110;100;90;80;70;60;50;40;140;120' calcMode='linear' repeatCount='indefinite'/%3E%3Canimate attributeName='y' begin='0.25s' dur='1s' values='10;15;20;25;30;35;40;45;50;0;10' calcMode='linear' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='60' width='15' height='140' rx='6'%3E%3Canimate attributeName='height' begin='0s' dur='1s' values='120;110;100;90;80;70;60;50;40;140;120' calcMode='linear' repeatCount='indefinite'/%3E%3Canimate attributeName='y' begin='0s' dur='1s' values='10;15;20;25;30;35;40;45;50;0;10' calcMode='linear' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='90' y='10' width='15' height='120' rx='6'%3E%3Canimate attributeName='height' begin='0.25s' dur='1s' values='120;110;100;90;80;70;60;50;40;140;120' calcMode='linear' repeatCount='indefinite'/%3E%3Canimate attributeName='y' begin='0.25s' dur='1s' values='10;15;20;25;30;35;40;45;50;0;10' calcMode='linear' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='120' y='10' width='15' height='120' rx='6'%3E%3Canimate attributeName='height' begin='0.5s' dur='1s' values='120;110;100;90;80;70;60;50;40;140;120' calcMode='linear' repeatCount='indefinite'/%3E%3Canimate attributeName='y' begin='0.5s' dur='1s' values='10;15;20;25;30;35;40;45;50;0;10' calcMode='linear' repeatCount='indefinite'/%3E%3C/rect%3E%3C/svg%3E");
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 38 38'%3E%3Cdefs%3E%3ClinearGradient x1='8.042%25' y1='0%25' x2='65.682%25' y2='23.865%25' id='a'%3E%3Cstop stop-color='%23000' stop-opacity='0' offset='0%25'/%3E%3Cstop stop-color='%23000' stop-opacity='.631' offset='63.146%25'/%3E%3Cstop stop-color='%23000' offset='100%25'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(1 1)'%3E%3Cpath d='M36 18c0-9.94-8.06-18-18-18' id='Oval-2' stroke='url(%23a)' stroke-width='2'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 18 18' to='360 18 18' dur='0.9s' repeatCount='indefinite'/%3E%3C/path%3E%3Ccircle fill='%23000' cx='36' cy='18' r='1'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 18 18' to='360 18 18' dur='0.9s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	background-color: #fff;
	border-radius: 50%;
}
window.waiting > content > l {
	display: flex;
}
window > content > l {
	height: 80px;
	width: 80px;
	position: absolute;
	bottom: 22px;
	left: 0;
	justify-content: center;
	align-items: center;
	font-size: 15px;
	font-weight: 700;
	right: 0;
	top: 0;
	margin: auto;
	display: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' class='circular-loader' viewBox='25 25 50 50'%3E%3Ccircle class='loader-path' cx='50' cy='50' r='20' fill='none' stroke='%23aaa' stroke-width='.5'/%3E%3Cdefs%3E%3Cstyle type='text/css'%3E%3C!%5BCDATA%5B .circular-loader %7B -webkit-animation: rotate 2s linear infinite; animation: rotate 2s linear infinite; height: 100%25; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; width: 100%25; position: absolute; top: 0; left: 0; margin: auto; %7D .loader-path %7B stroke-dasharray: 150,200; stroke-dashoffset: -10; -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite; animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite; stroke-linecap: round; %7D @-webkit-keyframes rotate %7B100%25 %7B-webkit-transform: rotate(360deg);transform: rotate(360deg);%7D%7D @keyframes rotate %7B100%25 %7B-webkit-transform: rotate(360deg);transform: rotate(360deg);%7D%7D @-webkit-keyframes dash %7B 0%25 %7Bstroke-dasharray: 1,200;stroke-dashoffset: 0;%7D 50%25 %7Bstroke-dasharray: 89,200;stroke-dashoffset: -35;%7D 100%25 %7Bstroke-dasharray: 89,200;stroke-dashoffset: -124;%7D %7D @keyframes dash %7B 0%25 %7Bstroke-dasharray: 1,200;stroke-dashoffset: 0;%7D 50%25 %7Bstroke-dasharray: 89,200;stroke-dashoffset: -35;%7D 100%25 %7Bstroke-dasharray: 89,200;stroke-dashoffset: -124;%7D %7D%5D%5D%3E%3C/style%3E%3C/defs%3E%3C/svg%3E");
	background-size: 80px;
	background-repeat: no-repeat;
	background-position: center;
}
window>content>buttons>.btn.remove_mini {
	background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='%23444' stroke-width='1' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3cpolyline points='3 6 5 6 21 6'%3e%3c/polyline%3e%3cpath d='M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'%3e%3c/path%3e%3c/svg%3e");
	background-size: 16px;
	background-repeat: no-repeat;
	background-position: center;
	max-width: 30px;
	min-width: 30px;
	width: 30px;
}
window>content>buttons>.btn.remove_mini:hover {
	background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='%23fff' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3cpolyline points='3 6 5 6 21 6'%3e%3c/polyline%3e%3cpath d='M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'%3e%3c/path%3e%3c/svg%3e");
	background-size: 16px;
	background-repeat: no-repeat;
	background-position: center;
}
window[parent]>content {
	box-shadow: 0 15px 30px -8px rgba(0,0,0,.18);
}
window.collapse-c>content>wrap {
	max-width: 0;
	max-height: 0;
}
collapse {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-end;
	position: fixed;
	width: max-content;
	width: -moz-max-content;
	top: 0;
	bottom: 0;
	margin: auto;
	z-index: 20;
	left: 90px;
	height: 500px;
}
window.collapse-a>menu {
	display: none;
}
window>menu {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: flex-start;
	margin: 0;
	padding: 0;
	gap: 7px;
	backdrop-filter: blur(3px);
	border-radius: 20px;
	margin-top: 25px;
}
window>menu>item.square {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	height: 40px;
	min-width: 40px;
	width: max-content;
	width: -moz-max-content;
	padding: 0 17px;
	border-radius: 8px;
	box-shadow: 0 10px 13px -8px rgba(0,0,0,.1);
	backdrop-filter: blur(5px);
	background: rgb(244 247 248);
	font-size: 10px;
	font-weight: 600;
	cursor: pointer;
	background-size: 18px;
	background-repeat: no-repeat;
	background-position: center;
	transition: all .3s ease;
}
window>menu>item {
	user-select: none;
}
window>menu>item.bookmark {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	min-height: 30px;
	min-width: 40px;
	width: max-content;
	width: -moz-max-content;
	padding: 0 17px;
	border-radius: 8px 0px 0px 8px;
	box-shadow: 0 10px 13px -8px rgba(0,0,0,.1);
	backdrop-filter: blur(5px);
	background: rgb(244 247 248);
	font-size: 10px;
	font-weight: 600;
	cursor: pointer;
	background-size: 18px;
	background-repeat: no-repeat;
	background-position: center;
	transition: all .3s ease;
	user-select: none;
}
window>menu>item.bookmark {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	min-height: 30px;
	min-width: 40px;
	width: max-content;
	width: -moz-max-content;
	padding: 0 17px;
	border-radius: 8px 0px 0px 8px;
	box-shadow: 0 10px 13px -8px rgba(0,0,0,.1);
	backdrop-filter: blur(5px);
	background: rgb(244 247 248);
	font-size: 10px;
	font-weight: 600;
	cursor: pointer;
	background-size: 18px;
	background-repeat: no-repeat;
	background-position: center;
	transition: all .3s ease;
}
window>menu>item.bookmark:before {
	content: "";
	right: -10px;
	position: absolute;
	top: 0;
	height: 100%;
	width: 10px;
	background: #f3f6f7;
	transition: all .3s ease;
}
window>menu>item:not(.act).bookmark:hover:before, window>menu>item:not(.act):hover {
	background-color: #fff;
}
window>menu>item.act, window>menu>item.act.bookmark:before {
	background-color: #61bc3d;
	color: #fff;
}
window.t05 {
	transition: all 0.2s ease 0s;
}
window {
	position: absolute;
	width: max-content;
	width: -moz-max-content;
	height: max-content;
	height: -moz-max-content;
	z-index: 300;
	transition: all 0.5s ease 0s;
	opacity: 0;
	display: flex;
	justify-content: space-between;
	gap: 10px;
	align-items: stretch;
}
window.mc-draggable.mc-draggable-dragging {
	transition: unset;
}
window>content {
	display: flex;
	flex-direction: column;
	gap: 10px;
	height: 100%;
	border-radius: 26px;
	box-shadow: 0 15px 30px -8px rgba(0,0,0,.08);
	backdrop-filter: blur(5px);
	background: rgb(255 255 255);
	max-width: 100%;
	max-height: inherit;
	z-index: 10;
}
window>menu + content {
	height: unset;
}
window>content>wrap {
	padding: 0px 20px 15px 20px;
	overflow: auto;
	max-height: inherit;
	display: flex;
	flex-direction: column;
	flex-shrink: 1;
	flex-grow: 1;
}
window>content>wrap::-webkit-scrollbar{width:20px;height:20px;}
window>content>wrap::-webkit-scrollbar-thumb{background-color:#dddddd;border:0;border-left:18px solid white;border-radius:0;border-top:18px solid white;}
window>content>wrap::-webkit-scrollbar-track{background:white;}

confirm, backdrop {
	width: 100%;
	height: 100%;
	display: block;
	position: fixed;
	z-index: 300;
	inset: 0;
}
confirm {
	
}
window>content>header>tool>t:hover {
	background-color: #f6f6f6;
}
window>content>header>tool>t.maximize {
	background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='%23111' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3cpolyline points='15 3 21 3 21 9'%3e%3c/polyline%3e%3cpolyline points='9 21 3 21 3 15'%3e%3c/polyline%3e%3cline x1='21' y1='3' x2='14' y2='10'%3e%3c/line%3e%3cline x1='3' y1='21' x2='10' y2='14'%3e%3c/line%3e%3c/svg%3e");
}
window.maximize>content>header>tool>t.maximize {
	background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='%23111' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3cpolyline points='4 14 10 14 10 20'%3e%3c/polyline%3e%3cpolyline points='20 10 14 10 14 4'%3e%3c/polyline%3e%3cline x1='14' y1='10' x2='21' y2='3'%3e%3c/line%3e%3cline x1='3' y1='21' x2='10' y2='14'%3e%3c/line%3e%3c/svg%3e");
}
window>content>header>tool>t.close {
	background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='%23111' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e");
}
window>content>header>tool>t.collapse {
	background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='%23111' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3cline x1='5' y1='12' x2='19' y2='12'%3e%3c/line%3e%3c/svg%3e");
}
window.collapse-a>content >header>tool>t.collapse {
	background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='%23111' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3cline x1='7' y1='17' x2='17' y2='7'%3e%3c/line%3e%3cpolyline points='7 7 17 7 17 17'%3e%3c/polyline%3e%3c/svg%3e");
}
window.collapse-a>content >header>tool>t.close {
	background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='%23aaa' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e");
}
window>content>header>tool>t {
	width: 32px;
	height: 32px;
	border-radius: 6px;
	cursor: pointer;
	background-position: center;
	background-size: 16px;
	background-repeat: no-repeat;
	transition: .3s;
}
window>content>header>i {
	display: block;
	width: 50px;
	min-width: 50px;
	height: 5px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
window>content>buttons>.btn {
	max-width: 270px;
}
window>content>buttons {
	padding: 0px 20px 15px 20px;
	display: flex;
	justify-content: flex-end;
	gap: 20px;
}

window>content>header {
	display: flex;
	justify-content: space-between;
	gap: 30px;
	align-items: center;
	padding: 10px 10px 5px 20px;
	border-radius: 26px 26px 0 0;
}
window.maximize > content {
	max-width: 100%;
	max-height: 100%;
	width: 100%;
	height: 100%;
	border-radius: 0;
}
window.maximize {
	width: 100%!important;
	height: 100%!important;
	border-radius: 0!important;
	inset: 0!important;
	margin: auto!important;
	backdrop-filter: unset!important;
	position: fixed!important;
	max-width: 100vw!important;
	max-height: 100vh!important;
	max-width: 100dvw!important;
	max-height: 100dvh!important;
}
window>content>header>tool {
	display: flex;
	justify-content: flex-end;
	gap: 10px;
	align-items: center;
}






window[name="mainConfirm"]>content>wrap {
	font-size: 14px;
	text-align: left;
	font-weight: 500;
	background: #ec8f32;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0;
	color: #fff;
	padding: 12px 20px 12px 60px;
	border-radius: 26px 26px 0 0;
	background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='%23fff' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3cpath d='M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z'%3e%3c/path%3e%3cline x1='12' y1='9' x2='12' y2='13'%3e%3c/line%3e%3cline x1='12' y1='17' x2='12.01' y2='17'%3e%3c/line%3e%3c/svg%3e");
	background-size: 30px;
	background-position: 15px center;
	background-repeat: no-repeat;
}
window[name="mainConfirm"]>content {
	gap: 0;
	max-width: 290px;
}
window[name="mainConfirm"]>content>buttons {
	padding-top: 10px;
}
window[name="mainConfirm"]>content>buttons>.btn {
	padding: 5px;
}
window[name="mainConfirm"]>content>header {
	display: none;
}
window[name="mainConfirm"]>content>buttons {
	padding: 10px 10px 10px 10px;
	flex-direction: column;
	gap: 8px;
}
window[name="mainConfirm"]>content>buttons .btn {
	height: 40px;
}




window[name="mainConfirm-Danger"]>content>wrap {
	font-size: 12px;
	text-align: left;
	font-weight: 500;
	background: #b91c1c;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0;
	color: #fff;
	padding: 12px 20px 12px 60px;
	border-radius: 26px 26px 0 0;
	background-image: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='%23fff' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3e%3cpath d='M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z'%3e%3c/path%3e%3cline x1='12' y1='9' x2='12' y2='13'%3e%3c/line%3e%3cline x1='12' y1='17' x2='12.01' y2='17'%3e%3c/line%3e%3c/svg%3e");
	background-size: 30px;
	background-position: 15px center;
	background-repeat: no-repeat;
}
window[name="mainConfirm-Danger"]>content {
	gap: 0;
	max-width: 290px;
}
window[name="mainConfirm-Danger"]>content>buttons {
	padding-top: 10px;
}
window[name="mainConfirm-Danger"]>content>buttons>.btn {
	padding: 5px;
}
window[name="mainConfirm-Danger"]>content>header {
	display: none;
}
window[name="mainConfirm-Danger"]>content>buttons {
	padding: 10px 10px 10px 10px;
	flex-direction: column;
	gap: 8px;
}
window[name="mainConfirm-Danger"]>content>buttons .btn {
	height: 40px;
}
window[name="mainConfirm-Danger"]>content>buttons .btn.success:hover {
	background-color: #b91c1c;
	color: #fff;
}
window[name="mainConfirm-Danger"]>content>buttons .cancel.btn {
	background: #111;
	color: #fff;
	box-shadow: 0px 0px 0px 1px rgb(0 0 0 / 50%);
}
window[name="mainConfirm-Danger"]>content>wrap>b {
	color: #fff;
	margin-bottom: 10px;
	font-size: 14px;
	text-align: left;
	display: block;
	width: 100%;
}



window.waiting_confirmation>content>header {
	background: #d85252;
}
window>content>header>title {
	display: block;
	font-weight: 500;
	font-size: 14px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	padding: 0px 0px 1px 0px;
	user-select: none;
	width: 100%;
	text-align: center;
	line-height: 30px;
}
window>content>header.drag>title {
	cursor: grab;
}
window>content>buttons .green.btn:hover {
	background: #5eb750;
}
window>content>buttons>.btn {
	width: 100%;
}
window.collapse-a {
	right: 100vw!important;
	left: 90px!important;
	border-radius: 0 26px 26px 0px;
	height: 32px!important;
	overflow: hidden;
	opacity: 0!important;
}
window.collapse-a>content>header>i {
	display: none;
}
window.collapse-a>content>header>tool>.maximize {
	display: none;
}
window.collapse-a>content>header>title {
	font-size: 10px;
	font-weight: 600;
	padding: 0 0 0 20px;
}
window.collapse-a>content>header>tool {
	gap: 0px;
}
window.collapse-a>content>header {
	padding: 0;
	gap: 5px;
}
window.collapse-a.collapse-b {
	opacity: 1!important;
}
window.collapse-a.collapse-b.collapse-c.collapse-d {
	opacity: 0!important;
	transition: .2s!important;
	z-index: -5!important;
}
window.collapse-a.collapse-b.collapse-c {
	margin-bottom: 2px!important;
}
window.collapse-b {
	position: static!important;
	margin: unset!important;
}
window.collapse-a.collapse-b.collapse-c.collapse-close {
	opacity: 0!important;
	margin-left: -500px!important;
}
window.collapse-a.collapse-b.collapse-c>content {
	border-radius: 0 26px 26px 0;
}

 window.waiting > content * {
	pointer-events: none;
}
window.waiting > content > buttons {
	opacity: 0;
}
window.waiting > content > wrap {
	opacity: 0.2;
	filter: blur(2px);
}