/**
 * Copyright (C) 2014  hastaport.com
 *
 * @format
 * @author developer@hastaport.com
 * @since 26 Tem 2014  04:03
 * @copyright
 */

/*#region unformatted */
/*#region desktop */

[class~="hidden"] {
	display: none !important;
}

[class~="adaptive-scroll"]::-webkit-scrollbar {
	width: 5px;
	background-color: transparent;
}

[class~="adaptive-scroll"]::-webkit-scrollbar-thumb {
	background-color: rgb(0 0 0 / 13%);
}

i.view-settings {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 10000;
}

/*#region lib.ts */
div#columns-pop-window {
	position: fixed;
	z-index: 100000;
	/* background-color: white; */
	/* position: fixed; */
	border-radius: var(--pop-border-radius);
	-webkit-transform-origin: left top 0px;
	-ms-transform-origin: left top 0px;
	transform-origin: left top 0px;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	opacity: 0;
	-webkit-transition: opacity 0.29s ease-out, -webkit-transform 0.21s ease-out;
	transition: opacity 0.29s ease-out, -webkit-transform 0.21s ease-out;
	-o-transition: transform 0.21s ease-out, opacity 0.29s ease-out;
	transition: transform 0.21s ease-out, opacity 0.29s ease-out;
	transition: transform 0.21s ease-out, opacity 0.29s ease-out,
		-webkit-transform 0.21s ease-out;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	white-space: nowrap;
	min-width: 180px;
	/* width: -webkit-fill-available; */
	/* position: absolute; */
	background-color: var(--pop-box-background-color);
	z-index: 10000;
	/* border-radius: var(--drop-border-radius); */
	-webkit-box-shadow: var(--pop-box-shadow);
	box-shadow: var(--pop-box-shadow);
}

div#columns-pop-window[class~="pop"] {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

div#columns-pop-window > div:last-child {
	display: table;
	margin: 10px;
}

div#columns-pop-window > div:last-child > div {
	display: table-row;
}

div#columns-pop-window > div:last-child > div > div {
	display: table-cell;
	padding: 4px 8px 4px 8px;
}

div#custom-debug-window {
	position: fixed;
	background-color: rgb(239 255 244);
	z-index: 10000;
	border: var(--pop-border);
	border-radius: 5px;
	right: 0px;
	height: -webkit-fill-available;
	/* overflow-y: auto; */
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-shadow: var(--pop-box-shadow);
	box-shadow: var(--pop-box-shadow);
	min-width: 400px;
	pointer-events: auto;
}

div#custom-debug-window > .h {
	-webkit-box-flex: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
	-ms-flex-preferred-size: 23px;
	flex-basis: 23px;
	border-bottom: 1px solid #00000029;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	/* flex-direction: row-reverse; */
	background-color: #0000000f;
}

div#custom-debug-window > .h > i {
	padding: 0px;
}

div#custom-debug-window > .h > i:before {
	font-size: 16px;
	cursor: default;
	padding: 4px;
	opacity: 0.04;
	-webkit-transition: opacity 0.5s linear;
	-o-transition: opacity 0.5s linear;
	transition: opacity 0.5s linear;
}

div#custom-debug-window:hover > .h > i:before {
	-webkit-transition: opacity 1s linear;
	-o-transition: opacity 1s linear;
	transition: opacity 1s linear;
	opacity: 0.3 !important;
	cursor: pointer;
}

body[class~="no-event"] {
	background-color: rgb(0 0 0 / 15%);
}

body[class~="no-event"] > *:not([id="custom-debug-window"]) {
	pointer-events: none;
	opacity: 0.7 !important;
	-webkit-transition: opacity 1s linear;
	-o-transition: opacity 1s linear;
	transition: opacity 1s linear;
}

body[class~="no-event"] * {
}

div#custom-debug-window[class~="pop"] {
	right: auto;
	bottom: auto;
	top: 300px;
	left: auto;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	pointer-events: auto;
}

div#custom-debug-window[class~="hidden"] {
	/* opacity:0; */
	/* display: flex !important; */
}

div#custom-debug-window > .h > div {
	padding-left: 8px;
	font-weight: 500;
	width: -webkit-fill-available;
}

div#custom-debug-window > .b {
	-webkit-box-flex: 2;
	-ms-flex-positive: 2;
	flex-grow: 2;
	overflow-y: auto;
	/* padding-top: 16px; */
	/* background-color: white; */
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

div#custom-debug-window > .b::-webkit-scrollbar {
	width: 5px;
	background-color: rgb(0 0 0 / 8%);
}

div#custom-debug-window > .b::-webkit-scrollbar-thumb {
	background-color: rgb(0 0 0 / 12%);
}

div#custom-debug-window[class~="smart"] {
	border-radius: 8px;
	left: 30%;
	right: auto;
	top: 20%;
	bottom: 20%;
	height: auto;
	min-height: 100px;
	background-color: hsl(150deg 76% 99%);
	background-color: hsl(150deg 76% 97%);
	padding-bottom: 16px;
	opacity: 1;
	/* transition: opacity 2.5s linear; */
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
}

div#custom-debug-window[class~="smart"] > .h {
	-webkit-box-flex: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
	-ms-flex-preferred-size: 53px;
	flex-basis: 53px;
	border-bottom: 1px solid rgb(0 0 0 / 3%);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	/* flex-direction: row-reverse; */
	background-color: rgb(0 0 0 / 2%);
	padding-left: 16px;
	font-weight: 100;
	margin-bottom: 8px;
}

div#custom-debug-window[class~="smart"] > .h > .t {
	font-size: 1.1rem;
	letter-spacing: 0.5px;
}

div#custom-debug-window[class~="smart"] > .h > i:before {
	font-size: 24px;
	cursor: default;
	cursor: pointer;
	padding: 16px;
	opacity: 0.04;
	-webkit-transition: opacity 0.5s linear;
	-o-transition: opacity 0.5s linear;
	transition: opacity 0.5s linear;
}

[class~="drop-box-container"] {
	position: relative;
}

[class~="drop-box-container"] > div:first-child {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border: var(--control-border-color) 1px solid;
	padding: 4px 8px 4px 8px;
	border-radius: var(--control-border-radius);
	cursor: default;
}

[class~="drop-box-container"] > div:last-child {
	top: 37px;
	left: 0px;
	max-height: 300px;
	overflow-y: auto;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}

[class~="drop-box-container"][class~="pop"] > div:last-child {
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	opacity: 1;
	/* width: -webkit-fill-available; */
}

[class~="drop-box-container"] > div:first-child::after {
	margin-left: 16px;
}

[class~="drop-box-container"][class~="pop"] > div:first-child::after {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

#workShopClient {
}

#workShopClient > div:last-child {
	-webkit-box-flex: 2;
	-ms-flex-positive: 2;
	flex-grow: 2;
}

#workShopClient .pop-menu-v2 {
	position: relative;
	-webkit-box-flex: 0 !important;
	-ms-flex-positive: 0 !important;
	flex-grow: 0 !important;
	z-index: 10;
	width: -webkit-fit-content !important;
	width: -moz-fit-content !important;
	width: fit-content !important;
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	/* justify-content: center; */
	cursor: default;
}

#workShopClient .pop-menu-v2 > i#reload {
	/* position: absolute; */
	/* right: -50px; */
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

#workShopClient .pop-menu-v2 > i#reload:before {
	font-size: 16px;
	margin-left: 0px;
	content: "\f01e" !important;
	color: blue;
}

#workShopClient .pop-menu-v2 > div:first-child {
	padding: 10px;
}

#workShopClient .pop-menu-v2 > div:last-child {
	background-color: var(--pop-box-background-color);
	position: absolute;
	top: 50px;
	border-radius: 5px;
	border: 1px solid var(--pop-border);
	-webkit-transition: var(--pop-transition);
	-o-transition: var(--pop-transition);
	transition: var(--pop-transition);
	-webkit-box-shadow: var(--pop-box-shadow);
	box-shadow: var(--pop-box-shadow);
	-webkit-transform-origin: 0px 0px;
	-ms-transform-origin: 0px 0px;
	transform-origin: 0px 0px;
	-webkit-transform-style: flat;
	transform-style: flat;
	min-width: 200px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transform: scale(1, 0);
	-ms-transform: scale(1, 0);
	transform: scale(1, 0);
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.6s ease-out;
	transition: opacity 0.3s ease-out, -webkit-transform 0.6s ease-out;
	-o-transition: transform 0.6s ease-out, opacity 0.3s ease-out;
	transition: transform 0.6s ease-out, opacity 0.3s ease-out;
	transition: transform 0.6s ease-out, opacity 0.3s ease-out,
		-webkit-transform 0.6s ease-out;
}

#workShopClient .pop-menu-v2[class~="pop"] > div:last-child {
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	opacity: 1;
}

#workShopClient .pop-menu-v2 > div:last-child > div {
	padding: 10px;
	cursor: pointer;
	border-radius: 0px;
}

#workShopClient .pop-menu-v2 > div:last-child > div:first-child {
	border-top-left-radius: inherit;
	border-top-right-radius: inherit;
}

#workShopClient .pop-menu-v2 > div:last-child > div:last-child {
	border-bottom-left-radius: inherit;
	border-bottom-right-radius: inherit;
}

#workShopClient .pop-menu-v2 > div:last-child > div:hover {
	color: rgba(248, 248, 248, 1);
	background-color: var(--pop-item-hover-bgcolor);
}

/*#endregion lib.ts */
div[class~="smart"] button {
	font-size: inherit;
	/* border-radius: 4px; */
	/* padding: 8px 24px 8px 24px; */
}

div[class~="smart"] button ~ * {
	margin-left: 16px;
}

div[class~="smart"] div[class~="form"] {
	display: table;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	margin: 16px;
	border-spacing: 16px 32px;
}

div[class~="smart"] div[class~="form"] > div {
	display: table-row;
}

div[class~="smart"] div[class~="form"] > div > * {
	display: table-cell;
}

div[class~="smart"] div[class~="form"] > div > div:first-child {
	text-align: right;
	color: var(--soft-black);
}

div[class~="smart"] div[class~="form"] > div:last-child > div {
	text-align: right;
}

.flex-canvas {
	height: -webkit-fill-available !important;
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	-webkit-box-orient: vertical !important;
	-webkit-box-direction: normal !important;
	-ms-flex-direction: column !important;
	flex-direction: column !important;
}

@-webkit-keyframes loading {
	from {
		background-position: -5000% 0, 0 0;
	}

	to {
		background-position: 5000% 0, 0 0;
	}
}

@keyframes loading {
	from {
		background-position: -5000% 0, 0 0;
	}

	to {
		background-position: 5000% 0, 0 0;
	}
}

/*#region slider */
@-webkit-keyframes slidingLine {
	0% {
		background-position: 0% 50%;
	}

	50% {
		background-position: 50% 50%;
	}

	100% {
		background-position: 0% 50%;
	}
}

@keyframes slidingLine {
	0% {
		background-position: 0% 50%;
	}

	50% {
		background-position: 50% 50%;
	}

	100% {
		background-position: 0% 50%;
	}
}

#slider-bar {
	background-repeat: no-repeat;
	background-size: 600% 600%;
	-webkit-animation: slidingLine 5s ease infinite;
	animation: slidingLine 5s ease infinite;
	width: -webkit-fill-available;
	height: 2px;
	background-image: unset;
	position: fixed;
	background-color: transparent;
	z-index: 1000;
}

#slider-bar[class~="sliding"] {
	background-image: -webkit-gradient(
		linear,
		right top,
		left top,
		from(#ff0000),
		color-stop(#ffffff),
		to(#ff0000)
	);
	background-image: -o-linear-gradient(right, #ff0000, #ffffff, #ff0000);
	background-image: linear-gradient(270deg, #ff0000, #ffffff, #ff0000);
}

#slider-bar:after {
	position: absolute;
	content: " ";
	left: 0px;
	right: 0px;
	height: 5px;
	top: 0px;
	z-index: 10000;
	background: -webkit-gradient(
		linear,
		right top,
		left top,
		from(#ff8000),
		color-stop(#ffffff),
		to(#ff8000)
	);
	background: -o-linear-gradient(right, #ff8000, #ffffff, #ff8000);
	background: linear-gradient(270deg, #ff8000, #ffffff, #ff8000);
	animation: slidingLine 3s ease infinite;
	-webkit-animation: slidingLine 3s ease infinite;
	-o-animation: slidingLine 3s ease infinite;
	-moz-animation: slidingLine 3s ease infinite;
}

#slider-bar > div {
	/* width: 5000px; */
	/* position:absolute; */
}

#slider-bar[class~="sliding"] > div {
	margin-bottom: var(--slider-height);
	height: 0px;
}

/*#endregion slider */
/*#region animate-button */
button:is(.loading, .fetching) {
	background-repeat: no-repeat;
	background-size: 600% 100%;
	--animation: slidingLine 2s ease infinite;
	--bg-color: hsl(218 59% 47% / 1);
	--bg-color: hsl(218 59% 17% / 1);
	--bg-2color: hsl(218 59% 75% / 1);
	-webkit-animation: var(--animation);
	animation: var(--animation);
	background-image: -o-linear-gradient(
		179deg,
		var(--bg-color),
		var(--bg-2color)
	);
	background-image: linear-gradient(
		271deg,
		var(--bg-color),
		var(--bg-2color)
	);
	pointer-events: none;
}

/*#endregion animate-button */
/*#region navigator */
.navigator {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	padding: 8px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.navigator > * {
	margin-right: 20px;
}

.navigator .commands {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.navigator .commands > div {
	margin-right: 20px;
	color: var(--soft-black);
}

.navigator .commands > div.control {
	color: blue;
	margin-right: 20px;
	cursor: pointer;
}

.navigator.up {
}

.navigator.down {
}

.navigator input[type="text"] {
	padding: 4px;
	max-width: 50px;
	text-align: center;
}

/*#endregion navigator */
div.flex-canvas {
	--header-height: 50px;
}

div.flex-canvas > div[data-template-section="header"] {
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: auto;
	z-index: 1000;
	background-color: white;
	height: var(--header-height);
}

div.flex-canvas > div[data-template-section="body"] {
	-webkit-box-flex: 2;
	-ms-flex-positive: 2;
	flex-grow: 2;
	padding-top: var(--header-height);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

#header .site-title {
	white-space: nowrap;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

#header .site-title > i {
	font-style: normal;
	margin-right: 7px;
}

#header .site-title > i:before {
	font-family: "FontAwesome Solid";
	font-size: 21px;
	color: rgb(0 0 0 / 29%);
	content: "\f03a";
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

div.video-tool-pop-box {
	padding: 0px;
	background-color: hsl(59deg 100% 54%);
	position: fixed;
	border-radius: 7px;
}

div.video-tool-pop-box > div {
	padding: 10px;
	border-radius: inherit;
	font-size: 14px;
	color: gray;
}

div.video-tool-pop-search-box {
	background-color: #f8ff00;
	padding: 10px;
	position: fixed;
	min-width: 400px;
	min-height: 300px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

div.video-tool-pop-search-box textarea {
	width: -webkit-fill-available;
	/* height:  -webkit-fill-available; */
	-webkit-box-flex: 2;
	-ms-flex-positive: 2;
	flex-grow: 2;
}

.config-color-definition-revoxMaster {
	--data-theme-name: Revox;
	--data-theme-type: master;
	--theme-color: rgb(98, 98, 98);
}

.config-color-definition-primary {
	--data-theme-name: Revox;
	--data-theme-extends: button, primary;
	--theme-color: rgb(109, 92, 174);
}

.config-color-definition-complete {
	--data-theme-name: Revox;
	--data-theme-extends: button, primary;
	--theme-color: rgb(72, 176, 247);
}

.config-color-definition-success {
	--data-theme-name: Revox;
	--data-theme-extends: button, primary;
	--theme-color: rgb(16, 207, 189);
}

.config-color-definition-info {
	--data-theme-name: Revox;
	--data-theme-extends: primary;
	--theme-color: rgb(59, 71, 82);
}

.config-color-definition-danger {
	--data-theme-name: Revox;
	--data-theme-extends: button, primary;
	--theme-color: rgb(245, 87, 83);
}

.config-color-definition-warning {
	--data-theme-name: Revox;
	--data-theme-extends: button, primary;
	--theme-color: rgb(248, 208, 83);
}

.config-color-definition-white {
	--data-theme-name: Revox;
	--data-theme-extends: button, primary;
	--theme-color: rgb(255, 255, 255);
}

.config-color-definition-menu {
	--data-theme-name: Revox;
	--data-theme-extends: menu;
	--theme-color: rgb(32, 35, 40);
}

.config-color-definition-mint {
	--data-theme-name: Mint;
	--data-theme-type: primary;
	--theme-color: rgb(170, 240, 209);
}

.config-color-definition-blue {
	--data-theme-name: Blue;
	--theme-color: rgb(0, 0, 255);
}

.config-color-definition-cadetBlue {
	--data-theme-name: Cadet Blue;
	--data-theme-type: primary;
	--theme-color: #483d8b;
}

.config-color-definition-steelBlue {
	--data-theme-name: Steel Blue;
	--data-theme-type: primary;
	--data-theme-extends: button;
	--theme-color: rgb(70, 130, 180);
}

.config-color-definition-coral {
	--data-theme-name: Coral;
	--data-theme-type: primary;
	--theme-color: #ff7f50;
}

.config-color-definition-orchid {
	--data-theme-name: Orchid;
	--data-theme-type: primary;
	--theme-color: #da70d6;
}

.config-color-definition-canvaBlue {
	--data-theme-name: Canva Blue;
	--data-theme-type: primary;
	--theme-color: #2cbfca;
}

.config-color-definition-salmon {
	--data-theme-name: salmon;
	--data-theme-type: primary;
	--theme-color: rgb(250, 128, 114);
}

/*#endregion color definitions      */
.config-theme-set-steelblue-x {
	--data-theme-name: Steel Blue;
	/*#region Revox (revoxMaster) */
	--theme-color-master-dark-0: rgb(88, 88, 88);
	--theme-color-master: rgb(98, 98, 98);
	--theme-color-master-light-0: rgb(230, 230, 230);
	--theme-color-master-light-1: rgb(240, 240, 240);
	--theme-color-master-light-2: rgb(250, 250, 250);
	/*#endregion Revox (revoxMaster) */
	/*#region Revox (complete) */
	--theme-color-complete-active: rgb(60, 147, 206);
	--theme-color-complete-light: rgb(109, 192, 249);
	/*#endregion Revox (complete) */
	/*#region Revox (success) */
	/*#endregion Revox (success) */
	/*#region Revox (info) */
	--theme-color-info: rgb(59, 71, 82);
	--theme-color-info-lighter: rgb(216, 218, 220);
	/*#endregion Revox (info) */
	/*#region Revox (danger) */
	--theme-color-danger-lighter: rgb(253, 221, 221);
	/*#endregion Revox (danger) */
	/*#region Revox (warning) */
	--theme-color-warning-lighter: rgb(254, 246, 221);
	/*#endregion Revox (warning) */
	/*#region Revox (white) */
	--theme-color-white: rgb(255, 255, 255);
	/*#endregion Revox (white) */
	/*#region Revox (menu) */
	/*#endregion Revox (menu) */
	/*#region Steel Blue (steelBlue) */
	/*#region Steel Blue (steelBlue) shades-tints-tones */
	--theme-color-primary: rgb(70, 130, 180);
	--theme-color-primary-light-3: rgb(181, 205, 225);
	--theme-color-primary-light-4: rgb(218, 230, 240);
	--theme-color-primary-darker: rgb(42, 78, 108);
	--theme-color-primary-dark: rgb(58, 109, 150);
	--theme-color-primary-active: rgb(58, 109, 150);
	--theme-color-primary: rgb(70, 130, 180);
	--theme-color-primary-light: rgb(107, 155, 195);
	--theme-color-primary-hover: rgb(107, 155, 195);
	--theme-color-primary-lighter: rgb(218, 230, 240);
	--fixed-header-height: 50px;
	--header-color: var(--theme-color-primary-darker);
	--text-color: var(--theme-color-master);
	--text-color-light: var(--theme-color-master-light-0);
	/*#endregion Steel Blue (steelBlue) */
}

/*#endregion theme definitions      */
div.dynamic {
	background-image: url(/graphics/web/16X32/close-gray-red.gif);
	background-repeat: no-repeat;
	background-position: top left;
	height: 16px;
	width: 16px;
}

div.dynamic:hover {
	background-position: 0px -16px;
}

.close {
}

/*#region design */
/*#region color designer */
.visually-hidden {
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	/* clip: rect(1px, 1px, 1px, 1px); */
}

input.visually-hidden + label {
	cursor: pointer;
}

div.media-editor {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	-webkit-box-orient: horizontal !important;
	-webkit-box-direction: normal !important;
	-ms-flex-direction: row !important;
	flex-direction: row !important;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	/* margin: auto; */
	-webkit-box-flex: 2;
	-ms-flex-positive: 2;
	flex-grow: 2;
}

div.media-editor > .media-list {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	height: -webkit-fill-available;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

div.media-editor > .media-list > div {
	position: relative;
}

div.media-editor > .media-list > div > i {
	position: absolute;
	right: 4px;
	top: 2px;
	font-size: 21px;
	line-height: 0px;
	color: rgb(128, 128, 128);
	cursor: pointer;
}

div.media-editor > .media-list > div > img {
	height: -webkit-fill-available;
	/* width: -webkit-fill-available; */
}

div.media-editor > .media-list > div.upload-button {
	position: relative !important;
	display: -webkit-inline-box !important;
	display: -ms-inline-flexbox !important;
	display: inline-flex !important;
	-webkit-box-align: center !important;
	-ms-flex-align: center !important;
	align-items: center !important;
	-webkit-box-pack: center !important;
	-ms-flex-pack: center !important;
	justify-content: center !important;
	cursor: pointer !important;
	margin-left: 20px;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
}

div.media-editor > .media-list[class~="single"] > div + div.upload-button {
	display: none !important;
}

div.media-editor > .media-list > div.upload-button > input[type="file"] {
	position: absolute !important;
	height: 100%;
	width: 100%;
	padding: 0px !important;
	margin: 0px !important;
	left: 0px;
	right: 0px;
	bottom: 0px;
	top: 0px;
	opacity: 0;
	cursor: pointer;
}

div.media-editor > .media-list > div.upload-button:hover {
	background-color: rgba(0, 0, 0, 0.03);
}

div.media-editor > .media-list > div.upload-button:before,
div.media-editor > .media-list > div.upload-button:after {
	font-family: FontAwesome;
	font-weight: normal;
	margin: auto;
	z-index: -1;
}

div.media-editor > .media-list > div.upload-button:before {
	font-size: 30px;
	margin: 7px;
	opacity: 0.7;
	color: rgba(97, 59, 232, 0.6);
}

div.media-editor > .media-list > div.upload-button:after {
	content: "\f067";
	font-size: 19px;
	right: 5px;
	top: 0px;
	color: red;
	position: absolute;
}

div#context-menu-pop-2[class~="pop"] {
	-webkit-transition: opacity 0.1s ease-out,
		-webkit-transform 0.1s cubic-bezier(0, 0.04, 1, 0.96);
	transition: opacity 0.1s ease-out,
		-webkit-transform 0.1s cubic-bezier(0, 0.04, 1, 0.96);
	-o-transition: transform 0.1s cubic-bezier(0, 0.04, 1, 0.96),
		opacity 0.1s ease-out;
	transition: transform 0.1s cubic-bezier(0, 0.04, 1, 0.96),
		opacity 0.1s ease-out;
	transition: transform 0.1s cubic-bezier(0, 0.04, 1, 0.96),
		opacity 0.1s ease-out,
		-webkit-transform 0.1s cubic-bezier(0, 0.04, 1, 0.96);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

.settings-editor {
	margin: 16px;
}

.settings-editor > div {
}

.settings-editor > div > div {
}

.settings-editor > div > div:first-child {
	text-align: right;
}

/*#region tooltip */
/*You can use [title] selector as well*/
[data-title] {
	/* outline: red dotted 1px; */
	/*optional styling*/
	/* font-size: 30px; */
	/*optional styling*/
	position: relative !important;
	cursor: help;
	--background-color: hsl(248 26% 47% / 1);
	--color: hsl(0deg 19% 96%);
}

[data-title]:hover::before {
	content: attr(data-title);
	position: fixed;
	bottom: auto;
	top: auto;
	position: absolute;
	right: 60%;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	display: inline-block;
	padding: 6px 12px;
	border-radius: 6px;
	background: var(--background-color);
	line-height: normal;
	color: var(--color);
	font-size: 12px;
	font-family: sans-serif;
	white-space: nowrap;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	/* margin-bottom: 32px; */
	-webkit-transform: translate(0px, -90%);
	-ms-transform: translate(0px, -90%);
	transform: translate(0px, -90%);
}

[data-title]:hover::after {
	content: "";
	position: absolute;
	top: auto;
	bottom: auto;
	/* left: auto; */
	/* right: 100%; */
	display: inline-block;
	color: var(--color);
	border: 8px solid transparent;
	/* border-bottom: 8px solid #000; */
	border-top: 8px solid var(--background-color);
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	-webkit-transform: translate(-100%, -232%);
	-ms-transform: translate(-100%, -232%);
	transform: translate(-100%, -232%);
}

/*#endregion tootltip */
.ck-items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: -webkit-fill-available;
	/* margin-left: 16px; */
	/* margin: 16px; */
}

.ck-items > div {
	width: -webkit-fill-available;
	padding: 8px !important;
	padding-left: 16px !important;
	border-bottom: 1px solid rgb(0 0 0 / 5%);
}

.ck-items > div::before {
	margin-right: 12px;
	font-size: 16px;
}

/*#region begin work-flow   */
div.work-flow {
}

div.work-flow > .description {
	padding: 16px;
}

/*#endregion end work-flow   */
/*#region health.ts */
#KjnsH6lR {
	min-height: 300px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

#KjnsH6lR .tool-bar {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	border-bottom: 1px solid var(--border-color);
}

div#MhtD_up {
	width: 800px;
	padding: 16px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
}

div#MhtD_up * {
}

div#MhtD_up div.wR_Yuw7T,
div#MhtD_up div.DmYuw7T {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-ms-flex-preferred-size: 70%;
	flex-basis: 70%;
}

div#MhtD_up div.wR_Yuw7T {
	width: auto;
}

div#MhtD_up div.wR_Yuw7T > div > div {
	/* display:flex; */
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

div.wR_Yuw7T > div > div + div {
	/* margin-bottom:16px; */
}

div#MhtD_up div.DmYuw7T > div > div {
	white-space: nowrap;
}

div#MhtD_up > div:nth-child(2) {
	padding-left: 32px;
	/* width: 300px; */
	-ms-flex-preferred-size: 30%;
	flex-basis: 30%;
}

div#MhtD_up div.DmYuw7T > div {
	margin-bottom: 16px;
}

div#MhtD_up div.DmYuw7T > div > div:is(.l, .d) {
	font-size: 1.05rem;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: gray;
}

div#MhtD_up div.DmYuw7T > div > div.l {
	margin-bottom: 0.3rem;
	color: cornflowerblue;
}

div#MhtD_up div.DmYuw7T > div > div.d {
	color: silver;
	font-size: 0.9rem;
	text-align: right;
}

div#MhtD_up input,
textarea {
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	/* width: 90%; */
}

div#MhtD_up textarea {
	height: 128px;
}

/*#endregion health.ts */
/*#region lib.ts */
div.pop-tool-box {
	position: absolute;
	min-height: 300px;
	background-color: white;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	border-radius: var(--drop-border-radius) !important;
	-webkit-box-shadow: var(--drop-box-shadow);
	box-shadow: var(--drop-box-shadow);
	border: var(--pop-border);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

div.pop-tool-box > .b {
	max-height: 400px;
	overflow-y: auto;
	-webkit-box-shadow: inset 0px 0px 3px 2px rgb(0 0 0 / 2%);
	box-shadow: inset 0px 0px 3px 2px rgb(0 0 0 / 2%);
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}

div.pop-tool-box > .f {
	background-color: rgb(0 0 0 / 2%);
	border-top: 1px solid rgb(0 0 0 / 5%);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 8px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

div.pop-tool-box > .h {
	background-color: rgb(0 0 0 / 2%);
	border-top: 1px solid rgb(0 0 0 / 5%);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 8px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

div.pop-tool-box > .f > .material-icons:first-child {
	margin-left: initial;
}

div.pop-tool-box > .h > .material-icons:first-child {
	margin-left: initial;
}

div.pop-tool-box > .b > div[data-client-key] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

div.pop-tool-box > .b > div[data-client-key]:active {
	-webkit-box-shadow: 0 0px 2px rgb(0 0 0 / 21%);
	box-shadow: 0 0px 2px rgb(0 0 0 / 21%);
}

div.pop-tool-box > .b > div[data-client-key] + div {
	border-top: 1px solid rgb(0 0 0 / 3%);
}

div.pop-tool-box > .b > div[data-client-key]:hover {
	background-color: rgb(0 0 0 / 2%);
}

div.pop-tool-box > .b > div[data-client-key] > .check-box {
	padding-left: 16px !important;
}

div.pop-tool-box > .b > div[data-client-key] > div:last-child {
	padding: 8px;
	width: -webkit-fill-available;
	cursor: default;
}

div.sliding-host {
	--slide-width: 700px;
	--slide-flex-basis: 40%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: -webkit-min-content;
	width: -moz-min-content;
	width: min-content;
	width: 900px;
	width: 100%;
}

div.sliding-host > div {
	-webkit-transition: -webkit-flex-basis 0.7s linear;
	transition: -webkit-flex-basis 0.7s linear;
	-o-transition: flex-basis 0.7s linear;
	transition: flex-basis 0.7s linear;
	transition: flex-basis 0.7s linear, -webkit-flex-basis 0.7s linear,
		-ms-flex-preferred-size 0.7s linear;
}

div.sliding-host > div.sliding-master {
	/* transition: margin-right .7s linear; */
	/* margin-right: var(--slide-width) !important; */
	-ms-flex-preferred-size: 60%;
	flex-basis: 60%;
}

div.sliding-host.sink > div.sliding-master {
	/* flex-basis: 100%; */
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
}

div.sliding-host > div.sliding-detail {
	/* transition: width .7s linear; */
	/* width: var(--slide-width) !important; */
	-ms-flex-preferred-size: 40%;
	flex-basis: 40%;
}

div.sliding-host.sink > div.sliding-detail {
	width: 0px !important;
	-ms-flex-preferred-size: 0%;
	flex-basis: 0%;
}

/*#endregion lib.ts */
/*#endregion desktop */
/*#region ayanoglu template */
body::-webkit-scrollbar {
	width: 3px;
	background-color: transparent;
}

body::-webkit-scrollbar-thumb {
	background-color: #0000001a;
}

body::-webkit-scrollbar-track {
	background-color: transparent;
}

div.template-canvas > div {
	/* border-radius: 5px; */
	/* background-color: #ffffff; */
	margin-top: 10px;
	border: 0px !important;
}

div::-webkit-scrollbar {
	width: 11px;
	background-color: hsl(0deg 0% 85%);
}

div::-webkit-scrollbar-thumb {
	background-color: hsl(0deg 0% 80%);
	/* box-shadow: inset 0 0 3px rgba(152, 152, 152, 0.5); */
	border-radius: 3px;
}

div::-webkit-scrollbar-track {
	/* box-shadow: inset 0 0 3px rgba(152, 152, 152, 0.3); */
	border-radius: 3px;
	background-color: hsl(0deg 0% 50%);
}

.header {
	/* position: relative; */
	/* height: 30px !important; */
	/* border-width: 0px !important; */
	/* background-color: rgb(255, 217, 44) !important; */
	/* background-color: rgb(255, 214, 147) !important; */
	/* border-radius: 0px 0px 5px 5px; */
}

div#logo {
	float: left !important;
	display: block;
	width: 100px !important;
	height: inherit !important;
	background: url(/graphics/web/cayanoglu.png) no-repeat 10px -10px;
	opacity: 0.2;
}

div.main-menu {
	float: right !important;
	position: relative !important;
	height: inherit !important;
}

div.main-menu > div {
	display: inline-block;
	position: relative !important;
	cursor: pointer;
	border-left-width: 1px;
	border-left-style: solid;
	padding: 0px 15px 0px 15px;
	text-align: center;
	height: inherit !important;
	vertical-align: middle !important;
	color: rgb(145, 78, 49);
	text-shadow: -1px 1px 1px rgba(245, 178, 149, 0.5);
	line-height: 200% !important;
	font-size: 90% !important;
	/*
		 font-family: arial,verdana;
		 box-shadow:inset 0px 0px 9px 0px rgba(102,102,102,0.3);
		 */
}

div.main-menu > div.hidden {
	display: none;
}

div.main-menu > div > a {
	color: inherit;
	display: block;
	font-size: 100%;
}

div.main-menu > div:first-child {
	border-left-width: 0px;
}

div.main-menu > div:hover,
div.main-menu > div.selected {
	background-color: rgb(254, 192, 7);
	border-left-color: rgb(254, 192, 7);
}

div.main-menu > div:last-child:hover {
	border-radius: 0px 0px 5px 0px;
}

/*#region from sites index.css */
/*#region fontawesome */
/*#endregion fontawesome */
::-webkit-input-placeholder,
::placeholder {
	font-size: inherit;
	color: rgb(224, 224, 224);
	font-weight: 400;
}

.hyper-link {
	color: blue;
	cursor: pointer;
}

input[type="checkbox"] {
	-webkit-transform: scale(1.3);
	-ms-transform: scale(1.3);
	transform: scale(1.3);
	margin: 0px;
	/* line-height: 0px !important; */
	padding: 0px !important;
	height: 24px !important;
}

/*#region smart-scroll */
[class~="smart-scroll"]::-webkit-scrollbar {
	width: var(--scroll-bar-width) !important;
	height: 7px !important;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: inherit;
	border-top-right-radius: inherit;
	background-color: rgba(0, 0, 0, 0);
}

[class~="smart-scroll"].thin::-webkit-scrollbar {
	width: 4px !important;
	height: 4px !important;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: inherit;
	border-top-right-radius: inherit;
	background-color: rgba(0, 0, 0, 0);
}

[class~="visible"]::-webkit-scrollbar {
	background-color: rgba(192, 183, 183, 0.1);
}

[class~="smart-scroll"]::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, 0);
	border-radius: 5px;
	visibility: hidden;
}

*:hover[class~="smart-scroll"]::-webkit-scrollbar-thumb {
	background-color: hsl(0deg 0% 81%) !important;
	/*#region piece */
	visibility: visible;
	border-radius: inherit;
}

[class~="smart-scroll"]::-webkit-scrollbar-track-piece {
	border-radius: inherit;
	background-color: rgba(0, 0, 0, 0);
}

*:hover[class~="smart-scroll"]::-webkit-scrollbar-track-piece {
	background-color: transparent;
}

[class~="smart-scroll"]::-webkit-scrollbar-track {
	border-radius: 5px;
	background-color: rgba(191, 46, 46, 0) !important;
}

*:hover[class~="smart-scroll"]::-webkit-scrollbar-track {
	border-radius: 25px;
	background-color: transparent;
}

[class~="smart-scroll"]::-webkit-scrollbar-corner {
	background: transparent;
}

/*#endregion smart-scroll */
/*#region slider */
div#slider {
	top: 0px;
	height: 3px;
	width: 100px;
	left: -200px;
	background: -webkit-gradient(
		linear,
		0% 50%,
		5% 50%,
		from(rgba(0, 0, 0, 0)),
		to(rgb(255, 255, 0))
	);
	background: -webkit-gradient(
		linear,
		0% 50%,
		5% 50%,
		from(rgba(0, 0, 0, 0)),
		to(hsl(233deg 77% 75%))
	);
	z-index: 9000 !important;
	animation: none;
	-webkit-animation: none;
	-o-animation: none;
	-moz-animation: none;
	opacity: 0;
}

@-webkit-keyframes progress-bar-slide {
	from {
		left: -100px;
		width: 250px;
	}

	to {
		left: 95%;
		width: 1%;
	}
}

@keyframes progress-bar-slide {
	from {
		left: -100px;
		width: 250px;
	}

	to {
		left: 95%;
		width: 1%;
	}
}

div#slider.on {
	animation: progress-bar-slide 3s linear infinite;
	-webkit-animation: progress-bar-slide 3s linear infinite;
	-o-animation: progress-bar-slide 3s linear infinite;
	-moz-animation: progress-bar-slide 3s linear infinite;
	opacity: 1;
}

/*#endregion slider */
.fa-copy:before {
	content: "\f0c5";
}

/*#region promise */
.tool-box > i[class*="fa-"] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: var(--tool-box-icon-color);
}

i[class*="fa-"].promise {
	background-image: url(/graphics/web/ani/loading-16.gif) !important;
	background-repeat: no-repeat !important;
	background-size: contain;
	pointer-events: none;
}

i[class*="fa-"].promise:before {
	opacity: 0;
}

/*#endregion promise */
html {
	height: 100%;
}

/* Check for Houdini support & register property */
@supports (background-color: red) {
	@property --gradPoint {
		syntax: "<percentage>";
		inherits: false;
		initial-value: 40%;
	}
}

:root {
	/*#region variables */
	/*#region from template.css */
	/*#region Mint (mint) */
	--theme-color-primary: rgb(170, 240, 209);
	--theme-color-primary-light-3: rgb(221, 249, 237);
	--theme-color-primary-light-4: rgb(238, 252, 246);
	--theme-color-primary-darker: rgb(102, 144, 125);
	--theme-color-primary-dark: rgb(142, 200, 175);
	--theme-color-primary-active: rgb(142, 200, 175);
	--theme-color-primary-light: rgb(187, 243, 218);
	--theme-color-primary-hover: rgb(187, 243, 218);
	--theme-color-primary-lighter: rgb(238, 252, 246);
	/*#endregion Mint (mint) */
	--theme-color-danger-lighter: rgb(253, 221, 221);
	/*#region Revox (info) */
	--theme-color-info: rgb(59, 71, 82);
	--theme-color-info-lighter: rgb(216, 218, 220);
	/*#endregion Revox (info) */
	/*#region Revox (complete) */
	--theme-color-complete-active: rgb(60, 147, 206);
	--theme-color-complete-light: rgb(109, 192, 249);
	--theme-color-complete-active: rgb(60, 147, 206);
	--theme-color-complete-active: rgb(60, 147, 206);
	/*#endregion Revox (complete) */
	/*#endregion from template.css */
	/*#region from header */
	--text-color-light: hsl(0deg 0% 48%);
	--text-color-lighter: hsl(0deg 0% 64%);
	--text-color-lightest: hsl(0deg 0% 72%);
	--text-color: hsl(0deg 0% 18%);
	--border-color: hsl(0 0% 99% / 1);
	--border-color-dark: hsl(0 0% 97% / 1);
	--border-color-darker: hsl(0 0% 95% / 1);
	--border-color-darkest: hsl(0 0% 90% / 1);
	--border-color-groove: hsl(0deg 0% 83% / 25%);
	/* --border-color: gainsboro; */
	--border-groove: 1px groove var(--border-color-groove);
	--nav-header-color: hsl(210 40% 50% / 1);
	--input-border-color: hsl(0 0% 90% / 1) !important;
	--icon-color: gainsboro;
	--anchor-color: skyblue;
	--tool-box-icon-color: gainsboro;
	--background-color: white;
	--tool-bar-background-color: hsl(60 100% 90% / 1);
	--tool-bar-hover-background-color: hsl(60 60% 90% / 1);
	--tool-bar-border-color: hsl(60 40% 90% / 1);
	--figure-width: 250px;
	--figure-height: 166px;
	--figure-height: calc(var(--figure-width) * 0.75);
	--medium-figure-width: 180px;
	--medium-figure-height: 120px;
	--medium-figure-height: calc(var(--medium-figure-width) * 0.75);
	--small-figure-width: 90px;
	--small-figure-height: 60px;
	--small-figure-height: calc(var(--small-figure-width) * 0.75);
	--article-width: 640px;
	--v-space: 24px;
	--scroll-bar-width: 5px;
	--logo-color: hsl(357 93% 60% / 1);
	--body-width: 920px;
	--header-ad-height: 60px;
	--header-height: 48px !important;
	--footer-height: 30px !important;
	/*#endregion from header */
	--nav-header-color: hsl(210 36% 60% / 1);
	/*#endregion variables */
	--grid-color: rgb(220 220 220 / 25%);
	--header-background-color: mintcream;
	--h-margin: 0px;
}

body {
	margin: 0px auto;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	background-color: white !important;
	width: var(--body-width);
}

body.modal-events {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

body > textarea {
	margin-top: 60px;
}

div#master-table-41hgI8PhR {
	/* table-layout: fixed; */
	display: table;
	border-spacing: 0px 0px;
	width: 100%;
}

div#master-table-41hgI8PhR > div {
	display: table-row;
}

div#master-table-41hgI8PhR > div:first-child {
	display: table-header-group;
}

div#master-table-41hgI8PhR > div:first-child > div {
	display: table-row;
}

div#master-table-41hgI8PhR > div:first-child > div > div {
	display: table-cell;
}

div#master-table-41hgI8PhR > div:nth-child(2) {
	display: table-row-group;
}

div#master-table-41hgI8PhR > :is(div:first-child, div:nth-child(2)) > div {
	display: table-row;
}

div#master-table-41hgI8PhR
	> :is(div:first-child, div:nth-child(2))
	> div:focus-within {
	background-color: hsl(0 0% 98% / 1);
}

div#master-table-41hgI8PhR
	> :is(div:first-child, div:nth-child(2))
	> div
	> div {
	display: table-cell;
	padding: 4px;
	vertical-align: middle;
}

div#master-table-41hgI8PhR > :is(div:nth-child(2)) > div > div {
	border-top: 1px solid var(--border-color-darker);
	cursor: default;
	white-space: nowrap;
}

dialog {
	/* top: 10px; */
	/* left: 10px; */
	z-index: 100;
	/* background-color: yellow; */
	padding: 20px;
	border: 1px solid gainsboro;
	border-radius: 4px;
	-webkit-box-shadow: var(--pop-box-shadow);
	box-shadow: var(--pop-box-shadow);
	outline: none;
}

dialog.article {
	width: 800px;
	height: 600px;
	padding: 0px;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

dialog.article * {
}

dialog.article textarea {
	height: 100%;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#back-drop {
	margin: auto;
	position: fixed;
	background-color: transparent;
	border: 0px;
	-webkit-box-shadow: none;
	box-shadow: none;
	z-index: 10000;
}

#back-drop img {
	width: 36px;
}

#back-drop::-webkit-backdrop {
	background-color: hsl(0deg 0% 0% / 3%);
}

#back-drop::backdrop {
	background-color: hsl(0deg 0% 0% / 3%);
}

dialog::-webkit-backdrop {
	background-color: hsl(0deg 0% 0% / 22%);
}

dialog::backdrop {
	background-color: hsl(0deg 0% 0% / 22%);
	/* top: 100px; */
}

body main aside nav article h2 {
	font: 500 0.97rem/1.5rem "fira sans", "Open Sans", helvetica, arial;
	letter-spacing: 0.1px;
	color: var(--nav-header-color);
}

div#Nyre8Q2c0 {
	position: fixed;
	bottom: 0px;
	left: 4px;
	right: auto;
	background-color: hsl(60deg 100% 95%);
	padding: 16px;
	border-radius: 8px;
	-webkit-box-shadow: var(--pop-box-shadow);
	box-shadow: var(--pop-box-shadow);
	-webkit-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
}

div#Nyre8Q2c0.pop {
	-webkit-transform: translateY(-8px);
	-ms-transform: translateY(-8px);
	transform: translateY(-8px);
	bottom: 0px;
}

div#Nyre8Q2c0 * {
	font-size: 14px;
	font-family: sans-serif;
	cursor: default;
}

div#Nyre8Q2c0 div.list {
	display: table;
	border-spacing: 4px 2px;
}

div#Nyre8Q2c0 div.list > div {
	display: table-row;
}

div#Nyre8Q2c0 div.list > div.error {
	background-color: red;
}

div#Nyre8Q2c0 div.list > div > div {
	display: table-cell;
}

body.modal-state {
	pointer-events: none !important;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-ms-scroll-chaining: none;
	overscroll-behavior: contain;
	overflow: hidden;
	padding-right: 7px;
}

input,
textarea,
select {
	outline: none;
	border-width: 1px;
	border-style: solid;
	border-color: var(--input-border-color);
	border-radius: 5px;
	padding: 4px;
}

input:invalid {
	border: 1px dashed red;
}

/*#region desktop-v-1 */
@-webkit-keyframes signal {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}

	0% {
		opacity: 0;
	}
}

@keyframes signal {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}

	0% {
		opacity: 0;
	}
}

button {
	margin-top: 4px;
	margin-bottom: 4px;
	outline: none;
	border: 0px;
	border-radius: 7px;
	font-weight: 500;
	padding: 8px 16px;
	color: hsl(0 0% 60% / 1);
	font-weight: 400;
	background-color: var(--button-background-color);
	position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	transition: all 0.1s linear;
}

button.after {
	margin-left: 64px !important;
}

button.after:after {
	/* color:black !important; */
	position: absolute;
	font-size: 24px !important;
	left: -42px;
	/* transition: opacity 1s linear; */
	opacity: 0;
}

button.after.success:after {
	animation: signal 3s ease;
	-webkit-animation: signal 3s ease;
	-o-animation: signal 3s ease;
	-moz-animation: signal 3s ease;
}

button:hover {
	/* background-color: hsl(200deg 100% 85%); */
	background-color: var(--button-hover-background-color);
}

button:active {
	-webkit-box-shadow: inset 0px 0px 2px 1px hsl(0deg 0% 0% / 5%);
	box-shadow: inset 0px 0px 2px 1px hsl(0deg 0% 0% / 5%);
	background-color: var(--button-active-background-color);
}

button:disabled {
	background-color: var(--button-disabled-background-color) !important;
	color: var(--button-disabled-color) !important;
	border: 1px solid var(--button-disabled-border-color) !important;
	pointer-events: none;
	box-shadow: 0px 0px 1px 1px rgb(0 0 0 / 10%) !important;
	opacity: 0.7;
}

/*#region article-dialog */
dialog.article-dialog {
	min-width: var(--body-width);
	max-width: var(--body-width);
	--master-basis: 70%;
}

dialog.article-dialog > div.body > main {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 2;
	-ms-flex-positive: 2;
	flex-grow: 2;
	overflow-y: scroll;
	position: relative;
}

dialog.article-dialog > div.body > form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

dialog.article-dialog > div.body > form > * {
	padding: 24px 0px;
}

dialog.article-dialog > div.body > form > section {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-flex: 1;
	-ms-flex: 1 0 var(--master-basis);
	flex: 1 0 var(--master-basis);
}

dialog.article-dialog > div.body > form > aside {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 calc(100% - var(--master-basis) - 1%);
	flex: 1 0 calc(100% - var(--master-basis) - 1%);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-left: 12px;
	padding-left: 12px;
	padding-right: 12px;
}

dialog.article-dialog > div.body > form > aside {
	/* width: calc(var(--body-width) - var(--article-width) - (var(--v-space)/2) - 24px); */
	/* position: absolute; */
	/* top: 0px; */
	/* right: 0px; */
	bottom: 0px;
	/* height: auto; */
	/* display: none; */
	/* border-left: 1px solid var(--border-color); */
}

dialog.article-dialog.h-fill > main > form > :is(section, aside) {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 32px;
}

dialog.article-dialog > div.body > form > * > section {
	margin-bottom: 16px;
	padding-bottom: 16px;
	border-bottom: 1px solid var(--border-color);
	/* margin-left: 16px; */
	/* padding-right: 8px; */
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

dialog.article-dialog > div.body > form > * > section.commands {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
}

dialog.article-dialog > div.body > form > * > section * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

dialog.article-dialog
	> div.body
	> form
	> *
	> section
	:is(
		input:not([type="checkbox"]),
		textarea,
		div:not([class~="smart-check"]):not([class~="smart-check"] > div)
	) {
	width: 100%;
}

dialog.article-dialog div.add-fa {
	position: relative;
}

dialog.article-dialog div.add-fa:after {
	position: absolute;
	right: 4px;
	top: 0px;
	color: var(--icon-color);
}

div[contenteditable="true"].labeled-editor {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: start !important;
	-ms-flex-align: start !important;
	align-items: flex-start !important;
	min-height: 64px;
	background-position: 99% 96% !important;
	outline-color: var(--border-color-darker);
	padding: 0px 20px 4px 4px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	border: 1px solid var(--border-color-dark);
	height: -webkit-fill-available;
}

div[contenteditable="true"].labeled-editor > div {
	background-color: hsl(60 90% 90% / 1);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: -webkit-min-content !important;
	width: -moz-min-content !important;
	width: min-content !important;
	white-space: nowrap;
	padding: 2px 8px;
	border-radius: 6px;
	margin: 2px 2px 0px 0px;
}

div[contenteditable="true"].labeled-editor > div > label {
	width: -webkit-min-content;
	width: -moz-min-content;
	width: min-content;
	white-space: nowrap;
	margin-right: 4px;
	color: var(--text-color-light);
}

div[contenteditable="true"].labeled-editor > div > i {
	color: var(--icon-color);
}

dialog.article-dialog.h-fill > main > form > section {
	width: calc(var(--article-width) + (var(--v-space) / 2) - 12px);
	/* margin-right: 12px; */
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

/*#endregion article-dialog */
/*#region form canvas */
dialog.article-dialog {
	/* width: 600px !important; */
	/* min-height: 60% !important; */
	--header-background-color: hsl(232.17deg 61.97% 76.21%);
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	max-height: 100% !important;
}

dialog.article-dialog .paragraphs {
	width: 100%;
}

dialog.article-dialog .paragraphs > div {
	width: 100%;
}

dialog.article-dialog .paragraphs textarea {
	width: 100%;
	height: 100px;
}

dialog.article-dialog div.photo {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

dialog.article-dialog *[data-invalid]:after {
	/* all: unset !important; */
	font-family: unset !important;
	font-size: 0.95rem !important;
	content: attr(data-invalid) !important;
	position: fixed !important;
	/* transform: translate(0% ,-1%); */
	z-index: 1000;
	background-color: hsl(60 97% 87% / 1) !important;
	padding: 4px 8px;
	border-radius: 4px;
	position: absolute !important;
	top: 4px;
	bottom: auto !important;
	left: 0px;
	/* height: 50px; */
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	color: hsl(0 0% 30% / 1) !important;
}

dialog.article-dialog div[contenteditable="true"]:focus *[data-invalid]:after {
	display: none;
}

dialog.article-dialog :invalid:after {
	display: none;
	content: attr(data-invalid);
	position: fixed;
	-webkit-transform: translate(20%, -100%);
	-ms-transform: translate(20%, -100%);
	transform: translate(20%, -100%);
	z-index: 1000;
	background-color: yellow;
	padding: 4px 8px;
	border-radius: 4px;
	/* position: absolute; */
	/* top: 258px; */
	/* bottom: auto; */
	left: 0px;
	height: 50px;
	width: 50px;
	color: red;
}

dialog.article-dialog div.photo img {
	max-height: 64px;
}

dialog.article-dialog div.photo img[src=""] {
	opacity: 0;
}

dialog.article-dialog aside section > div {
}

dialog.article-dialog aside section > div:first-child {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	color: hsl(200deg 20% 60%);
	font-weight: 600;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	white-space: nowrap;
	margin-bottom: 16px;
}

dialog.article-dialog aside section > div:last-child {
	color: red;
	margin-bottom: 0px;
}

dialog.article-dialog aside section > div:last-child > div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

dialog.article-dialog aside section > div:last-child > div > label {
	/* display: flex; */
	/* align-items: center; */
	margin-right: 8px;
}

/*#endregion form canvas */
/*#endregion desktop-v-1 */
.upload-file {
	position: relative;
	overflow: hidden;
	/* font-size: 28px; */
	line-height: 30px !important;
	color: #fcfcfc;
	margin-left: 16px;
	background-color: transparent;
}

.upload-file.icon {
	color: blue;
	font-size: 1.5rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	margin-left: unset;
}

.upload-file:before {
	font-family: "FontAwesome Solid";
	content: "\f093";
	content: "\f574";
	font-size: inherit;
	line-height: unset;
	color: inherit;
	font-style: normal;
}

.upload-file.hyper-link:before {
	display: none;
}

div.upload-file.hyper-link {
	display: inline;
	margin: initial;
}

.upload-file input[type="file"] {
	opacity: 0;
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
}

body > div.editor {
	position: fixed;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	width: auto;
	pointer-events: auto;
	-webkit-user-select: auto;
	-moz-user-select: auto;
	-ms-user-select: auto;
	user-select: auto;
	background-color: rgb(3 3 3 / 23%);
}

#picker-container-EJANop1co {
	position: fixed;
	top: 4%;
	right: 19%;
	/* -webkit-transform: translate(-50%, -50%); */
	-ms-transform: translate(-50%, -50%);
	/* transform: translate(-50%, -50%); */
}

.fa-menu {
	display: none;
}

.fa-menu:before {
	color: hsl(12.6deg 95.62% 59.7%);
	margin-right: 20px !important;
	margin-left: 9px;
	font-weight: normal;
	content: "\f0ca";
}

body > :is(header, main, footer) {
	margin-left: auto;
	margin-right: auto;
	margin-left: 0px;
	margin-right: 0px;
	/* width: calc(100% - (2 * var(--h-margin))); */
	flex-direction: column;
	width: 100%;
}

body > :is(header, #slider) {
	position: fixed;
	/* width: var(--body-width); */
	/* transform: translate(-50%, 0px); */
	background-color: var(--background-color);
	z-index: 1000;
}

body > :is(header, footer) {
	left: auto !important;
	right: auto !important;
}

body > header {
	color: gainsboro;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	-webkit-box-pack: justify;
	-ms-flex-pack: justify;

	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;

	align-items: center;
	border-bottom: 1px solid var(--border-color-dark);
	padding-top: 4px;
	padding-bottom: 4px;
	position: sticky;
	border-radius: 0px;
	margin-top: 0px;
	top: 0px;
	background-color: var(--background-color);
	height: var(--header-height);
	z-index: 8000;
	width: var(--body-width);
}

body > :is(header) > section {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	-webkit-box-pack: justify;
	-ms-flex-pack: justify;

	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;

	align-items: center;
	width: var(--body-width);
	height: var(--header-height);
}

body > :is(header, main, footer) > section {
	padding: 0px !important;
	margin: 0px !important;
	display: flex !important;
	/* flex-direction:column !important; */
}

body > header nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

body > header nav * {
	font-size: 0.81rem;
	font-weight: 500;
	/* font-family: 'Fira Sans',Inter, sans-serif !important; */
	font-family: Inter, sans-serif, "Fira Sans" !important;
}

body > header nav a {
	color: hsl(210 13% 32% / 1);
}

body > header nav#main-menu {
	-webkit-box-flex: 3;
	-ms-flex: 3 1;
	flex: 3 1;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	margin-left: 8px;
	padding-left: 8px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

body > header nav#main-menu > div {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	/* justify-content: flex-start; */
	/* line-height: 1.2rem; */
	position: relative;
}

body > header nav#main-menu div.pop-box {
	position: fixed;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: flex-start;
	/* height: min-content; */
	border: var(--pop-border);
	-webkit-box-shadow: var(--drop-box-shadow);
	box-shadow: var(--drop-box-shadow);
	/* left: 0px; */
	/* right: 0px; */
	border-radius: var(--drop-border-radius);
	-webkit-transition: var(--pop-transition);
	-o-transition: var(--pop-transition);
	transition: var(--pop-transition);
	-webkit-transform: var(--pop-down-transform);
	-ms-transform: var(--pop-down-transform);
	transform: var(--pop-down-transform);
	/* transform: scale(1,1); */
	-webkit-transform-origin: var(--pop-down-transform-origin);
	-ms-transform-origin: var(--pop-down-transform-origin);
	transform-origin: var(--pop-down-transform-origin);
	z-index: 1099900;
	background-color: var(--pop-box-background-color);
	--width: 600px;
	max-width: var(--width);
	width: var(--width);
	top: 48px;
}

body > header nav#main-menu div.pop-box * {
	font-weight: 400;
}

body > header nav#main-menu div.pop-box > div {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: stretch;
	-ms-flex: 1 0;
	/* flex: 1 1; */
	/* height: 100px; */
	/* height: fit-content; */
	/* height: 100%; */
	/* height: -webkit-fill-available; */
	margin: 8px 0px;
	padding: 0px 8px;
}

body > header nav#main-menu div.pop-box > div + div {
	border-left: 0.1px solid hsl(0deg 0% 0% / 8%);
}

body > header nav#main-menu div.pop-box > div * {
}

body > header nav#main-menu div.pop-box > div > div.name {
	/* font-family: 'Roboto'; */
	/* font-weight: 600; */
	line-height: 1rem;
	font-size: 0.73rem;
	margin-bottom: 8px;
	color: cornflowerblue;
	cursor: pointer;
	text-decoration: underline;
	flex: 0 1;
}

body > header nav#main-menu div.pop-box > div > div.desc {
	line-height: 1rem;
	font-size: 0.71rem;
	flex: 2 0;
}

body > header nav#main-menu > div.pop-box.pop {
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
}

body > header nav#main-menu > div > i {
	margin-left: 4px;
	cursor: pointer;
	color: inherit;
	-webkit-transition: -webkit-transform 0.3s linear;
	transition: -webkit-transform 0.3s linear;
	-o-transition: transform 0.3s linear;
	transition: transform 0.3s linear;
	transition: transform 0.3s linear, -webkit-transform 0.3s linear;
}

body > header nav#main-menu > div > i.invisible {
	visibility: hidden;
	z-index: -1;
}

body > header nav#main-menu > div > i.pop {
	-webkit-transform: rotateX(180deg);
	transform: rotateX(180deg);
}

body > header nav#main-menu > div > a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

body > header nav#main-menu > * + * {
	margin-left: 16px;
}

body > header nav#account-section,
body > header nav#account-section * {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	color: var(--icon-color);
	color: gray;
	-webkit-box-flex: 1;
	-ms-flex: 1 0;
	flex: 1 0;
	white-space: nowrap;
}

body > header nav#account-section > * + * {
	margin-left: 16px;
}

body > header nav#account-section > i {
	cursor: pointer;
	font-size: 1.3rem;
}

body > header nav#account-section > i:after {
	/* display: none; */
}

body > header nav#account-section > i > span {
	font-weight: normal;
	color: blue;
	display: none;
}

body > header nav#account-section > div {
}

body > header nav#lang-menu,
body > header nav#lang-menu > * {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-flex: 0;
	-ms-flex: 0 1;
	flex: 0 1;
}

body > header nav#lang-menu {
	margin-right: 16px;
}

body > header nav#lang-menu a:has(img) {
	line-height: 0px;
}

body section#site-search {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

body section#site-search > * {
	padding-top: 4px;
	padding-bottom: 4px;
	margin-top: 2px;
	margin-bottom: 2px;
	line-height: 27px !important;
	font-size: inherit !important;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

body section#site-search > button {
	border: 1px solid transparent !important;
}

body section#site-search input[type="search"] {
	-webkit-box-flex: 2;
	-ms-flex-positive: 2;
	flex-grow: 2;
}

body section#site-search > * + * {
	margin-left: 8px;
}

body > main > section h2#search-header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center !important;
	-ms-flex-align: center !important;
	align-items: center !important;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: -webkit-fill-available;
	/* margin: 0px; */
	border-bottom: 1px solid var(--border-color-darker);
	padding: 4px 0px;
	margin-top: 8px;
	& div {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		font-size: 1.1rem;
		color: hsl(16deg 100% 50%);
	}

	& div#meta {
		-webkit-box-flex: 2;
		-ms-flex: 2 0;
		flex: 2 0;
		padding-left: 8px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		font-weight: normal;
		color: var(--base-text-color);
	}

	& svg {
		stroke: var(--icon-color);
		-webkit-transition: -webkit-transform 0.5s linear;
		transition: -webkit-transform 0.5s linear;
		-o-transition: transform 0.5s linear;
		transition: transform 0.5s linear;
		transition: transform 0.5s linear, -webkit-transform 0.5s linear;
		height: 12px;
		width: 12px;
		cursor: pointer;
	}
}

body > header nav#account-section .account,
body > header nav#account-section .account * {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	white-space: nowrap;
	cursor: pointer;
}

body > header nav#account-section .account img {
	max-height: 24px;
	margin-right: 4px;
	border-radius: 12px;
}

body > header .logo {
	font-size: 1.01rem;
	color: var(--logo-color);
	letter-spacing: 0.18px;
	font-family: "Fira Sans";
	font-size: 1.18rem;
	/* font-family: verdana; */
	font-weight: 700;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-filter: sepia(0.2) saturate(0.9);
	filter: sepia(0.2) saturate(0.9);
	-webkit-box-flex: 1;
	-ms-flex: 1 0;
	flex: 1 0;
	white-space: nowrap;
	line-height: 1.2rem;
	/* padding-top: 4px; */
}

.articles-panel {
	/* display: flex; */
	/* flex-wrap: nowrap !important; */
	/* flex-direction: row; */
	display: block;
	/* overflow-x: hidden; */
	/* height: 400px; */
	overflow-y: visible;
	/* width: 600px; */
	position: static;
}

.articles-panel > * {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 45%;
	flex: 1 0 45%;
	margin: 16px;
}

.articles-panel > * > article {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	position: relative;
}

.articles-panel > * > article figure {
	width: 99%;
	height: 250px;
	border-width: 0px;
}

.articles-panel > * > article :is(h2, footer) {
	display: none !important;
}

.articles-panel > * > article p {
	position: absolute;
}

body > footer {
	height: auto;
	border-top: 1px solid var(--border-color);
	bottom: 0px;
	z-index: 100;
	background-color: white;
}
body > main {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	-webkit-box-flex: 2;
	-ms-flex-positive: 2;
	/* flex-grow: 2; */
	flex: 2 0 auto;
	margin-top: var(--header-height) !important;
	margin-bottom: var(--footer-height);
	padding-top: 16px;

	> section[data-module-key] {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		position: relative;
		-webkit-box-flex: 2;
		-ms-flex-positive: 2;
		flex: 2 0 auto;
		width: 100%;
		box-sizing: border-box;

		> section {
			display: -ms-flexbox;
			-ms-flex-direction: column;
			flex-direction: column;
			display: flex;
			flex: 2 1 var(--article-width);

			-ms-flex: 2 1 var(--article-width);
			box-sizing: border-box;

			> section[data-load-async] {
				margin-top: 32px;
				min-height: 100px;
				&:empty {
					display: none !important;
				}
				> h1 {
					border-bottom: 2px solid var(--border-color-darker);
					padding: 12px 4px;
					background-color: var(--gray-background-color);
					font-size: 1.4rem;
					letter-spacing: normal;
					font-family: var(--heading-font-family);
				}
				& article {
					& * {
					}
					> h2 {
						font-size: 1.2rem;
						/* letter-spacing: 1px; */
						color: hsl(240deg 70% 60%);
					}
				}
			}
			& article {
				width: 100%;
				max-width: 100%;
				min-width: auto;
				display: block;
				margin-bottom: 36px;

				& h2,
				h3,
				h4,
				h5 {
					font-size: 1.4rem;
					line-height: 2.7rem;
					-webkit-box-align: center;
					-ms-flex-align: center;
					align-items: center;
				}

				& h3 {
					font-size: 1.3rem;
					line-height: 2.7rem;
				}

				& h4 {
					font-size: 1.2rem;
				}

				> :is(p, div, section) {
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-orient: vertical;
					-webkit-box-direction: normal;
					-ms-flex-direction: column;
					flex-direction: column;
					-webkit-box-pack: justify;
					-ms-flex-pack: justify;
					justify-content: space-between;
					-webkit-box-align: end;
					-ms-flex-align: end;
					align-items: flex-end;
					margin-bottom: 1rem;
					display: block;
					white-space: pre-line;
				}

				> figure {
					margin-top: 0px;
				}

				> footer {
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-pack: justify;
					-ms-flex-pack: justify;
					justify-content: space-between;
					-webkit-box-align: center;
					-ms-flex-align: center;
					align-items: center;
					& * {
						font-size: 0.81rem;
						color: var(--text-color-lighter) !important;
					}
					> * {
						white-space: nowrap;
					}
					> address {
						margin-right: 8px;
					}
					& section#article-stats {
						display: -webkit-box;
						display: -ms-flexbox;
						display: flex;
						-webkit-box-pack: center;
						-ms-flex-pack: center;
						justify-content: center;
						-webkit-box-flex: 0;
						-ms-flex: 0 1;
						flex: 0 1;

						> div#number {
						}

						> div#number:empty + div {
							visibility: hidden;
						}

						> div#label {
							margin-left: 4px;
							display: -webkit-box;
							display: -ms-flexbox;
							display: flex;
							-webkit-box-align: center;
							-ms-flex-align: center;
							align-items: center;
							-webkit-box-pack: end;
							-ms-flex-pack: end;
							justify-content: flex-end;
						}
					}
				}

				& div.tags {
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
				}

				> * {
				}
			}
		}
		> aside {
			margin-left: calc(var(--v-space) / 2);
			padding-left: calc(var(--v-space) / 2);
			border-left: 1px solid var(--border-color);
			padding-top: 8px;

			flex: 1 1
				calc(
					var(--body-width) - var(--article-width) -
						calc(var(--v-space) / 2)
				);
			-ms-flex: 1 1
				calc(
					var(--body-width) - var(--article-width) -
						calc(var(--v-space) / 2)
				);
			display: flex;
			flex-direction: column;
			box-sizing: border-box;

			& nav {
				& article {
					margin-bottom: 24px;
					padding-bottom: 16px;
					min-height: 100px;
					border-bottom: 1px solid var(--border-color-darker);
					flex-direction: column;
					display: block;

					& h2 {
						font-weight: 500;
						margin: 0px 0px 8px 0px;
						color: var(--nav-header-color);
						display: -webkit-box;
						display: -ms-flexbox;
						display: flex;
						-webkit-box-pack: justify;
						-ms-flex-pack: justify;
						justify-content: space-between;
						font-size: 0.91rem;
						line-height: initial;
						-webkit-box-align: start;
						-ms-flex-align: start;
						align-items: flex-start;
						font: 500 0.96rem/1.5rem "fira sans", "Open Sans",
							helvetica, arial;
						letter-spacing: 0.1px;
						color: var(--nav-header-color);
						/* white-space: break-spaces; */
					}
					& figure {
						float: left;
						clear: right;
						margin: 0px 8px 8px 0px;
						/* height: fit-content; */
						font-size: 0px;
						line-height: 0px;
						-webkit-box-sizing: border-box;
						box-sizing: border-box;
						width: var(--small-figure-width);
						height: var(--small-figure-height);
						overflow-x: clip;
						overflow-y: clip;
						/* display: flex !important; */

						> img {
							/* width: 150%; */
							/* height: inherit; */
							/* box-sizing: border-box; */
							/* line-height: 0px; */
							/* font-size: 0px; */
							display: block;
							border-radius: inherit;
						}
					}

					& :is(p, div) {
						font-size: 0.85rem;
						line-height: 1.3rem;
						color: rgb(118 118 118);
						margin: 0px;
						height: 60px;
						overflow-y: clip;
						font-size: 0.9rem !important;
						line-height: 1.2rem !important;
						/* width: -webkit-fill-available; */
						display: flex;
						/* display: inline !important; */
						/* display: none; */

						& * {
							font-size: 0.85rem;
							line-height: 1.3rem;
							color: rgb(118 118 118);
						}

						&:empty {
							display: none;
						}
					}

					& p {
						/* display:inline !important; */
						/* display: none; */
						/* width: fit-content; */
						/* width: auto; */
						/* display: flex; */
					}

					& footer {
						/* position: absolute; */
						/* bottom: -3px; */
						width: 100%;
						display: none;
					}
					& time {
						/* color: initial; */
						font-size: 0.81rem !important;
						/* color: var(--text-color-lighter); */
					}

					& div.tool-box {
						display: -webkit-box;
						display: -ms-flexbox;
						display: flex;
						-webkit-box-pack: end;
						-ms-flex-pack: end;
						justify-content: flex-end;
						-webkit-box-align: center;
						-ms-flex-align: center;
						align-items: center;
						height: auto;
						overflow: auto;
						clear: both;

						> i {
							color: var(--tool-box-icon-color);
							cursor: pointer;
							font-size: 0.83rem;
						}
					}
				}

				& * {
				}
			}

			> nav {
				display: flex;
				flex-direction: column;

				> a {
					/* display:none; */
					width: inherit !important;

					> article {
						width: inherit !important;
					}
				}
			}

			& #dynamic-toc {
				border-bottom: 1px solid var(--border-color-darker);
				margin-bottom: 16px;

				& h2 {
					font-family: helvetica;
					margin: 8px 0px;
					border-bottom: 1px solid var(--border-color-darker);
				}

				& h3 {
					font-weight: 500;
					font-size: 0.95rem;
					font-family: helvetica;
					margin: 2px 0px;
				}
			}
		}
	}
	> section.spin-back {
		background-position: 50% 10% !important;
	}

	& aside:before {
		display: none;
	}
}

aside > nav article.type-content :is(h2, h3) {
	color: hsl(210 36% 80% / 1);
}

body > main > section[data-module-key] > section > article > section[id] {
	/* float: left; */
	/* clear: right; */
	display: block;
}

body > main > section[data-module-key] > section > article > section[id] > h3 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	width: -webkit-fill-available;
}

body
	> main
	> section[data-module-key]
	> section
	> article
	> section[id]
	> h3
	+ br {
	display: none;
}

.tool-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	z-index: 1;
	/* position: relative; */
	/* top: -24px; */
	-webkit-box-flex: 1;
	-ms-flex: 1 0;
	flex: 1 0;
}

article {
	& :is(h1, h2, h3, h4, h5, h6, h7) {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		/* width: 100%; */
		clear: both;
		zoom: 1;
	}

	& h1 {
		font-size: 1.3rem;
		line-height: 2.7rem;
	}
	> h2 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		/* -webkit-box-align: start !important; */
		-ms-flex-align: start !important;
		align-items: flex-start !important;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		line-height: 2.3rem;

		& * {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: start !important;
			-ms-flex-align: start !important;
			align-items: flex-start !important;
			-webkit-box-pack: justify;
			-ms-flex-pack: justify;
			justify-content: space-between;
			line-height: 2.3rem;
		}
		& .editor-tool-box {
			font-weight: normal;
			margin-right: 8px;
			margin-left: 16px;

			& :is(i.icon#edit, i.icon#add) {
				color: hsl(227 87% 60% / 1) !important;
			}

			& i.icon {
				color: var(--icon-color);
				font-size: 0.99rem;

				& + i {
					margin-left: 8px;
				}
			}
		}

		& .tool-icons {
			> i {
				background-color: hsl(0deg 0% 0% / 1%);
				border-radius: 50% 50%;
				width: 32px;
				height: 32px;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				-ms-flex-align: center;
				align-items: center;
				-webkit-box-pack: center;
				-ms-flex-pack: center;
				justify-content: center;
				color: silver !important;

				& .icon:active {
					background-color: hsl(0deg 0% 0% / 13%);
				}

				&:hover {
					background-color: hsl(0deg 0% 0% / 7%);
				}

				&:before {
					line-height: 2rem;
					font-size: 1rem !important;
				}
			}
		}
		> :is(.tool-box, .editor-tool-box) > * {
			/* font-size: 1rem !important; */
			margin-left: 1px;
		}
	}

	& :is(p, li) {
		& a {
			color: blue !important;

			&:hover {
				color: blue !important;
				text-decoration: underline;
			}
		}
	}

	& :is(p, div, section, br) {
		&:empty {
			display: none;
		}
	}

	> i > time {
		/* color: red; */
	}
	& figure#water-mark {
		display: none;
	}

	> h3 {
		margin-top: 24px !important;
		font-size: 1.2rem;
		letter-spacing: 0.7px;
	}
	& .tool-box {
		& [data-client-push] {
			& * {
				color: hsl(290deg 70% 70%);
			}
		}
		> * {
			margin-right: 8px;
			cursor: pointer;
			color: hsl(210deg 70% 70%);
			& *:before {
			}
		}
	}

	& .data-property-draft {
		& :is(h4):after {
			font-size: 0.79rem;
			padding: 2px 4px;
		}

		> *:is(h2):after {
			content: "draft";
			font-size: 0.73rem;
			line-height: 1.1rem;
			font-weight: 400;
			margin-top: 2px;
			margin-right: 4px;
			padding: 2px 4px;
			border-radius: 3px;
			background-color: hsl(0deg 100% 77% / 67%);
			color: white;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-transform: rotateZ(38deg);
			-ms-transform: rotate(38deg);
			transform: rotateZ(38deg);
		}
	}

	& * {
	}
}

main > section article div.tags a {
	color: unset;
	font-size: inherit;
}

main > section article div.tags > * {
	margin: 4px;
	padding: 2px 8px;
	border-radius: 5px;
	background-color: hsl(229 73% 92% / 1);
	font-size: 0.81rem;
	line-height: 1.4rem;
	cursor: pointer;
}

figure.editor,
article figure {
	float: right;
	clear: left;
	margin: 8px;
	width: var(--figure-width);
	height: var(--figure-height);
	overflow-x: clip;
	overflow-y: clip;
	/*#region overflow-clip-margin: border-box 0px; */
	border-radius: 5px;
	border: 1px solid var(--border-color-darker);
	line-height: 0px;
	font-size: 0px;
	/* margin: 0px; */
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0px;
	/* display: flex; */
	/* align-items: stretch; */
	/* flex-direction: column; */
	/* display: revert; */
}

figure[data-syntethic] {
	/* border-color:red; */
}

main article figure + figure.editor {
	display: none;
}

article figure img {
	/* max-width: 300px; */
	border-radius: inherit;
	-webkit-filter: sepia(0.3) saturate(0.7);
	filter: sepia(0.3) saturate(0.7);
	width: 100%;
	height: auto;
}

article figure img.w-fit {
	width: 100%;
	height: auto;
}

article figure img.h-fit {
	width: auto;
	height: 100%;
}

article figure img.not-loaded {
	opacity: 0;
}

a,
*.anchor {
	color: var(--anchor-color);
	font-size: inherit;
	text-decoration: none;
}

nav > * > article {
	margin: 12px 0px;
}

/* main aside nav  */

/* main aside nav article  */

/* main aside nav article div.tool-box  */

body > main > section[data-module-key] > section > article li {
	line-height: 2.1rem;
}

body
	> main
	> section[data-module-key]
	> section
	> article
	> :is(p, div, section):first-of-type {
	/* height: 182px; */
	/* max-height: 182px; */
	/* overflow-y: clip; */
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

body
	> main
	> section[data-module-key]
	> section
	> article
	> figure
	+ :is(p, div, section) {
	min-height: calc(var(--figure-height) - 1px);
}

/* body > main > section[data-module-key] > section > article  */

body
	> main
	> section[data-module-key]
	> section
	> a[data-search-result]
	figure {
	margin-top: 0px;
	width: var(--medium-figure-width);
	height: var(--medium-figure-height);
}

body
	> main
	> section[data-module-key]
	> section
	> a[data-search-result]
	figure
	+ :is(p, div, section) {
	min-height: calc(var(--medium-figure-height) - 1px);
	margin-bottom: 16px;
}

body > main > section[data-module-key] > section > article > p + div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

body > main > section[data-module-key] > section > article > p + div i {
	color: gainsboro;
}

i.icon {
	cursor: pointer;
	text-decoration: none;
	font-style: normal;
	color: var(--icon-color);
}

footer ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	margin: 0px;
}

footer ul > li {
	display: block;
	white-space: nowrap;
	margin: 0px 16px;
}

footer ul * {
	font-size: 0.82rem;
}

/*#region related articles */
article .related {
	margin-top: 32px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	white-space: unset;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

article .related * {
	color: unset;
}

article .related article figure {
	float: none;
	clear: none;
	margin: 0px;
	margin-right: 6px;
	width: 270px;
}

article .related h1 {
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	font-size: 1.1rem;
	margin: 4px 0px;
	padding: 0px 0px 8px 0px;
	border-bottom: 1px solid var(--border-color-darker);
	color: var(--nav-header-color);
	letter-spacing: 0.7px;
}

article .related > * {
	-ms-flex-preferred-size: 45%;
	flex-basis: 45%;
}

article .related article {
	margin-bottom: 32px;
	width: 100%;
	border-bottom: 1px solid var(--border-color-dark);
	padding-bottom: 32px;
}

article .related h4 {
	font-size: 1.3rem;
}

article .related article > h2 {
	font-size: 0.95rem !important;
	line-height: 1.4rem !important;
	min-height: 3.4rem;
	color: darkslateblue;
	margin: 0px;
	margin-bottom: 8px;
	border-bottom: 1px solid var(--border-color);
	-webkit-box-align: end !important;
	-ms-flex-align: end !important;
	align-items: flex-end !important;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

article .related article > div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

article .related article > p {
	max-height: 115px;
	overflow-y: clip;
	/* overflow-x: clip; */
	overflow-wrap: break-word;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	line-height: 1.41rem;
	font-size: 0.92rem;
	display: block;
}

article .related article > :is(p, div) figure {
	margin-left: 0px;
	width: 100px;
	height: 75px;
	/* overflow-anchor: visible; */
	/*#region overflow-clip-margin: border-box; */
	font-size: 0px;
	line-height: 0px;
}

article .related article > div figure img {
	max-width: 200px;
}

#NJ-mFbVcR {
	position: fixed;
	top: 0px;
	left: 50%;
	-ms-transform: translate(-50%, -110%);
	transform: translate(-50%, -110%);
	-webkit-transform: translate(-50%, -110%);
	-webkit-transition: -webkit-transform 0.3s linear;
	transition: -webkit-transform 0.3s linear;
	-o-transition: transform 0.3s linear;
	transition: transform 0.3s linear;
	transition: transform 0.3s linear, -webkit-transform 0.3s linear;
	-webkit-transition: transform 0.3s linear;
	padding: 8px;
	background-color: hsl(60deg 100% 80%);
	min-width: 200px;
	border-radius: 0px 0px 8px 8px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0px;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	z-index: 9999999999999;
}

#NJ-mFbVcR:is(.warn, .info, .error) {
	background-image: none;
}

#NJ-mFbVcR:before {
	content: "\f12a" !important;
	font-family: "FontAwesome Solid";
	font-size: 16px !important;
	font-size: inherit;
	line-height: unset;
	color: inherit;
	font-style: normal;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 24px;
}

#NJ-mFbVcR:is(.warn, .info, .error):before {
}

#NJ-mFbVcR.info:before {
	content: "\f129" !important;
}

#NJ-mFbVcR.error:before {
	content: "\f12a" !important;
	color: red !important;
}

#NJ-mFbVcR::-webkit-backdrop {
	inset: auto;
	margin: 0px;
}

#NJ-mFbVcR::backdrop {
	inset: auto;
	margin: 0px;
}

#NJ-mFbVcR > div {
	margin-left: 4px;
}

#NJ-mFbVcR > i {
	margin-left: 16px;
}

#NJ-mFbVcR > i > svg {
	stroke: black;
	height: 12px;
	width: 12px;
	cursor: pointer;
}

#NJ-mFbVcR.error {
	background-color: hsl(15deg 100% 77% / 99%);
	border-color: hsl(15deg 100% 73% / 99%);
}

#NJ-mFbVcR.info {
	background-color: hsl(193 100% 80% / 1);
	border-color: hsl(193 100% 76% / 1);
}

#NJ-mFbVcR.pop {
	/* display: flex; */
	-ms-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);
	-webkit-transform: translate(-50%, 0%);
}

body > footer > div#print {
	display: none;
}

/*#endregion related articles */
img#qr-wup {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 48px;
}

#screen-shot {
	/* display: none; */
}

/*#region screen-shot */
#screen-shot {
	--wup-width: 1080px;
	--wup-heigth: 1920px;
	width: 100%;
	height: 100%;
	/* display: flex;
display: block; */
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	/* margin-bottom: 128px; */
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 900;
	background-color: white;
	height: 640px;
}

#screen-shot #crop {
	background-color: transparent;
	width: calc(var(--wup-width) / 3);
	height: calc(var(--wup-heigth) / 3);
	/* height: 94%; */
	border: 2px solid black;
	position: fixed;
	/* margin: 0px auto; */
	left: 0px;
	top: 0px;
	z-index: 20;
}

#screen-shot #crop :is(header, footer, main) {
	position: absolute;
	left: 0px;
}

#screen-shot #crop :is(header, footer) {
	position: absolute;
	left: 0px;
	background-color: hsl(240 35% 36% / 1);
	color: white;
	font-weight: 600;
	/* width: 100%; */
	right: 0px;
	padding: 4px 8px;
	letter-spacing: 3px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#screen-shot #crop header {
	top: calc(200px / 3);
	letter-spacing: 10px;
}

#screen-shot #crop footer {
	bottom: calc(230px / 3);
	letter-spacing: 5.7px;
}

#screen-shot #crop main {
	top: 317px;
	left: 120px;
	padding: 16px;
	background-color: hsl(0deg 0% 0% / 34%);
	right: auto;
	bottom: auto;
	width: 200px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#screen-shot #crop main div {
	color: white;
	font-size: 1.01rem;
	line-height: 1.6rem;
	max-height: 200px;
	overflow-y: clip;
}

#screen-shot #crop img#main {
	position: absolute;
	width: 200px;
	top: 138px;
	left: 100px;
	/* right: -32px; */
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border-radius: 5px;
	-webkit-filter: sepia(0.1);
	filter: sepia(0.1);
	right: auto;
	bottom: auto;
	user-select: none;
}

#screen-shot > figure {
	position: relative;
	z-index: 10;
	margin: 0px;
}

#screen-shot > figure img {
	width: 687px;
	position: absolute;
	z-index: 10;
	left: -169px;
	/* height: calc(var(--wup-heigth)/2); */
}

/*#endregion screen-shot */
/* https://css.paperplaza.net/conferences/support/page.php */
body > #print-footer {
	display: none !important;
	position: absolute;
	/* bottom: 0px; */
	/* right: 0px; */
	left: 0px;
	/* top: auto; */
	border-top: 1px solid gray;
	/* padding-top: 16px; */
	height: 16px;
	/* width: 200px; */
	/* width: 100%; */
	right: 0px;
}

@media print {
	/* //PLACEMARK print */
	/*#region print  */
	@page {
		size: A4;
		margin-top: 2.54cm !important;
		margin-right: 1.32cm !important;
		margin-bottom: 2.67cm !important;
		margin-left: 1.9cm !important;
		counter-increment: page;
	}

	/* body> #print-footer
    { 
         display:flex !important ;
        
    }
    body>footer #print-footer
    { 
        break-after: page;
        content: counter(page);
        
    } 
    p {
    break-before: right;
 } 
 */
	:root {
		--print-color: hsl(0, 0%, 0%);
		--font-size: 1.5rem;
	}

	body {
	}

	body * {
		font-size: var(--font-size);
	}

	body > main article {
		-webkit-box-flex: 0 !important;
		-ms-flex-positive: 0 !important;
		flex-grow: 0 !important;
		/* flex-basis: 600px; */
	}

	body > main article h2 {
		font-size: calc(1.4 * var(--font-size));
	}

	body > article h3 {
		font-size: calc(1.2 * var(--font-size));
	}

	body article p {
		margin: 0px 0px 32px 0px;
		/* font-size: 1.5rem; */
		/* line-height: 2.8rem; */
		font-size: calc(1.2 * var(--font-size));
		line-height: calc(2.3 * var(--font-size));
	}

	body > main > section[data-module-key] article > footer {
		/* margin-top: 60px; */
		position: fixed;
		bottom: 2.67cm;
		bottom: 0px;
		left: 0px;
		right: 0px;

		> section#article-stats {
			display: none;
		}
	}

	body > main > section[data-module-key] article > footer * {
		font-size: calc(0.9 * var(--font-size));
	}

	body > main > section[data-module-key] > article > div.related {
		display: none;
	}

	body > :is(main, header, footer) {
		/* position: static !important; */
		/* margin: 0px 50%; */
		/* max-width: 600px; */
		width: auto;
		/* padding: unset; */
		/* margin: unset !important; */
	}

	/*#region print nav */
	body > footer {
		/* height: 83px !important; */
		/* display: flex; */
		/* flex-direction: column; */
		/* display: none !important; */
		/* position: fixed; */
	}

	body > footer > nav {
		display: none;
	}

	body > footer > div#print {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	body > footer > div#print > div {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	body > footer > div#print > div#before {
		/* font-weight: 800; */
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		/* letter-spacing: -0.1px; */
		padding-bottom: 2px;
	}

	body > footer > div#print > div#after {
		border-top: 1px solid;
		padding-top: 6px;
	}

	body > footer > div#print * {
		color: gray;
		font-size: 0.83rem !important;
		line-height: 1.1rem !important;
	}

	body > footer > div#print div#name {
		font-weight: 800;
		/* justify-content: space-between; */
		letter-spacing: -0.1px;
	}

	/*#endregion print nav */
	body > header {
		display: none;
		border-color: var(--print-color);
		height: -webkit-fit-content;
		height: -moz-fit-content;
		height: fit-content;
	}

	body > header .logo {
		color: var(--print-color);
	}

	article[data-property-draft] > *:is(h2, h3, h4, h5):after {
		display: none;
	}

	div#Nyre8Q2c0,
	div#admin-menu-EJtLdOHqR,
	figure,
	.tool-box,
	.editor-tool-box,
	body > #slider,
	body > header nav,
	body > main > section[data-module-key] > aside {
		display: none !important;
	}

	body > main {
		/* padding-top: 24px; */
		/* padding-top: 0px; */
		/* min-height: 800px; */
		/* margin: auto; */
		/* margin-left: 2.5cm !important; */
		/* margin-right: 4cm !important; */
		margin: 0px !important;
		padding: unset;
	}

	body article p {
		margin: 0px 0px 32px 0px;
		/* font-size: 1.5rem; */
		/* line-height: 2.8rem; */
	}

	body article h3 {
		margin: 0px 0px 8px 0px;
	}

	body
		> main
		> section[data-module-key]
		> section
		> article
		> figure
		+ :is(p, div, section) {
		min-height: unset;
	}

	body > main > section article :is(h3, p, div, section) {
		font-size: 16pt !important;
		line-height: 32pt;
	}

	body > main > section article :is(h3) {
		margin-top: 32px !important;
	}

	/* //PLACEMARK print */
	body > footer #print-footer {
		/* display: flex !important; */
		position: fixed;
		bottom: 0px;
		right: 0px;
		left: 0px;
		top: auto;
		border-top: 1px solid gray;
		padding-top: 16px;
	}

	body
		> main
		> section[data-module-key]
		> section
		> section#article
		> *:not(article),
	body > main > section#content-groups > *:not(article),
	body > main > section #content-groups,
	body > footer #footer-container {
		display: none !important;
	}

	/*#endregion print */
}

@media all and (-webkit-min-device-pixel-ratio: 0) and (-webkit-min-device-pixel-ratio: 0),
	all and (-webkit-min-device-pixel-ratio: 0) and (-o-min-device-pixel-ratio: 0/1),
	all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
}

@media (max-width: 640px) {
	:root {
		--header-height: 48px !important;
		--footer-height: 64px !important;
		--v-space: 24px;
		--scroll-bar-width: 5px;
		--logo-color: hsl(216deg 42% 55%);
	}

	.fa-menu {
		display: block;
	}

	div#Nyre8Q2c0,
	img#qr-wup {
		display: none !important;
	}

	html {
		width: 100%;
		max-width: 100%;
		min-width: auto;
	}

	body {
		--figure-width: 100%;
		--body-width: 100%;
		width: 100%;
		margin: 0px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		/* line-height: 0px; */
		/* font-size: 0px; */
		display: block !important;
		/* --h-margin: 0px; */
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;

		& * {
			/* min-width: auto !important; */
			font-family: "Open Sans", Helvetica, Arial, sans-serif, Inter,
				Roboto;
			font-size: 1.5rem;
		}

		> :is(header, main, footer) {
			/* width: 99.905% !important; */
			/* width: 300px !important; */
			min-width: auto !important;
			max-width: 100% !important;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
		}

		& :is(p, div) {
			font-size: 1.5rem;
			line-height: 2.1rem;
			& * {
				font-size: 1.5rem;
				line-height: 2.1rem;
			}
		}
		& :is(p) {
			max-width: 100% !important;
			min-width: auto !important;
			min-height: auto !important;
			/* margin-left: 8px; */
			/* margin-right: 8px; */
		}
		> header {
			/* margin: 0px !important; */
			height: var(--header-height);
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			-ms-flex-align: center;
			align-items: center;
			-webkit-transform: unset !important;
			-ms-transform: unset !important;
			transform: unset !important;
			left: 0px !important;
			right: 0px !important;
			/* width: auto !important; */
			/* max-width: unset !important; */
			-webkit-box-pack: center;
			-ms-flex-pack: center;
			justify-content: center;

			& nav {
				& * {
					font-size: 1.1rem;
					line-height: 1rem;
					font-weight: 400;
					margin-left: unset !important;
				}

				&#main-menu {
					position: fixed;
					left: 0px;
					top: var(--header-height);
					margin: 0px;
					max-width: 240px;

					-webkit-transition: -webkit-transform 0.23s linear !important;
					transition: -webkit-transform 0.23s linear !important;
					-o-transition: transform 0.23s linear !important;
					transition: transform 0.23s linear !important;

					-webkit-transform: scale(0);
					-ms-transform: scale(0);
					transform: scale(0);
					-webkit-transform-origin: top left;
					-ms-transform-origin: top;
					transform-origin: top left;
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-orient: vertical;
					-webkit-box-direction: normal;
					-ms-flex-direction: column;
					flex-direction: column;
					-webkit-box-align: start !important;
					-ms-flex-align: start !important;
					align-items: flex-start !important;
					line-height: 2.5rem !important;
					-webkit-box-flex: 0;
					-ms-flex: 0 1;
					flex: 0 1;
					border-radius: var(--pop-border-radius);
					background-color: var(--pop-box-background-color);
					-webkit-box-shadow: var(--pop-box-shadow);
					box-shadow: var(--pop-box-shadow);
					& .pop-box {
						display: none !important;
					}
					> div {
						> i {
							&.fa-chevron-down {
								/* display: none !important; */
								visibility: hidden;
							}
						}

						width: 100%;
						padding: 8px 4px;
					}
				}

				&#account-section {
					margin-right: 14px;
					> * {
						margin: 0px;
						display: -webkit-box !important;
						display: -ms-flexbox !important;
						display: flex !important;
						-webkit-box-align: start;
						-ms-flex-align: start;
						align-items: flex-start;
					}

					> div {
						display: none !important;
					}
					> i {
						width: -webkit-min-content;
						width: -moz-min-content;
						width: min-content;
						display: flex;
						align-items: center;
						&:before {
							position: static;
							font-size: 1.3rem !important;
						}
						&:after {
							display: block;
						}
						> span {
							display: none;
						}
					}
				}
			}

			> section[data-module-key] {
				& nav {
					> a {
						width: 100%;
						margin-left: 0px !important;
					}

					& :is(div, a > div) {
						padding: 16px !important;
						-webkit-box-pack: justify;
						-ms-flex-pack: justify;
						justify-content: space-between;
						width: -webkit-fill-available;
					}

					& #main-menu > div > i {
						display: none;
						&:before {
							left: auto;
							right: 4px;
						}
					}
				}
			}
		}
		> main {
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			-ms-flex-direction: column;
			flex-direction: column;
			margin: 0px 0px 64px 0px;
			/* margin-bottom: 64px !important; */
			/* padding: var(--h-margin) !important; */
			display: block;
			/* margin-top: 32px !important; */
			width: 100% !important;
			height: calc(100% - var(--header-height) - var(--footer-height));
			/* flex: 1 1 calc(100% - var(--header-height) - var(--footer-height)); */
			/* padding: 0px !important; */
			overflow-y: auto;
			padding: 0px !important;
			-webkit-box-flex: 1 !important;
			-ms-flex: 1 1
				calc(100% - var(--header-height) - var(--footer-height)) !important;
			flex: 1 1 calc(100% - var(--header-height) - var(--footer-height)) !important;
			/* flex: 1 1 550px !important; */
			/* height: 400px !important; */
			min-height: unset;
			margin-bottom: 0px;
			padding-bottom: 0px !important;
			-webkit-box-sizing: content-box;
			box-sizing: content-box;
			/* margin-top: 0px !important; */
			/* border: 3px solid red !important; */
			/* flex-shrink: 0 !important; */

			> section[data-module-key] {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				-ms-flex-direction: column;
				flex-direction: column;
				-webkit-box-flex: 1;
				-ms-flex: 1 0 auto;
				flex: 1 0 auto;
				/* display: block; */
				width: 100% !important;
				max-width: unset !important;
				padding: 0px 16px !important;
				box-sizing: border-box;
			}
		}

		> footer {
			/* --footer-height:64px; */
			height: var(--footer-height) !important;
			max-height: unset;
			/* display: block; */
			-webkit-box-flex: 1 !important;
			-ms-flex: 1 0 var(--footer-height) !important;
			flex: 1 0 var(--footer-height) !important;
			-ms-flex-preferred-size: var(--footer-height) !important;
			flex-basis: var(--footer-height) !important;
			/* box-sizing: content-box; */
			/* border: 3px solid red !important; */
		}

		& article {
			& h4 {
				font-size: 1.8rem !important;
			}
			& h5 {
				font-size: 1.6rem !important;
				line-height: 2.4rem;
			}

			> :is(p, div, section) {
				line-height: 2.3rem;
			}
		}
		& * {
		}
	}

	body.menu-pop header nav {
		-webkit-transform: scale(1) !important;
		-ms-transform: scale(1) !important;
		transform: scale(1) !important;
	}
	body {
		> header {
			& .logo {
				font-size: 1.4rem !important;
				/* margin-left: 16px; */
				margin: auto 16px;
				-webkit-box-flex: 1;
				-ms-flex: 1 0;
				flex: 1 0;
				-webkit-box-pack: center;
				-ms-flex-pack: center;
				justify-content: center;
				/* color: red !important; */
			}
			& i {
				display: block !important;
				font-style: normal;
				width: 36px;
				height: 28px;
				margin-left: 8px;
				font-size: 20px;

				&:before {
					position: absolute;
					left: 0px;
					display: block;
					font-size: 2rem !important;
					top: 8px;
					left: 0px;
					font-size: 36px !important;
				}
			}
		}
	}
	/* body */

	/* body > header i */

	/* body > header */

	article .related article {
		margin-bottom: 48px;
	}

	#footer-container {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		/* display: flex; */
	}

	article {
		& :is(h2, h3) {
			-ms-flex-wrap: wrap !important;
			flex-wrap: wrap !important;
			line-height: 2.3rem !important;
			clear: unset !important;
			zoom: unset !important;
		}

		& h2 {
			font-size: 1.7rem !important;
		}
		& h3 {
			font-size: 1.6rem !important;
		}

		& * {
		}
	}

	main aside nav > * > article > h4 {
		color: black;
		max-width: calc(var(--body-width) - 16px);
		line-height: 2.3rem;
		font-weight: 500;
	}

	main aside nav > * > article > h2 {
		font-size: 1.6rem !important;
		line-height: 2.7rem !important;
		font-weight: 500;
		/* white-space: pre-wrap; */
		-webkit-box-align: center !important;
		-ms-flex-align: center !important;
		align-items: center !important;
		width: 100%;
		-webkit-box-flex: 0;
		-ms-flex: 0 1;
		flex: 0 1;
	}

	article :is(h2, h3) .editor-tool-box {
		display: none;
	}

	section#content-slider {
		--slide-width: 400px !important;
		margin: 8px;
		width: 382px !important;
		height: 320px !important;
	}

	section#content-slider article > p {
		font-size: 1.15rem;
		/* display: none; */
	}

	section#content-slider nav {
		/* height: 320px; */
		height: fit-content !important;
	}

	section#content-slider article figure {
		height: 100% !important;
	}

	section#content-slider article {
		height: 100% !important;
		overflow-y: hidden;
		margin: 0px;
	}

	section#content-slider article h2 {
		font-size: 1.6rem !important;
	}

	article figure {
		margin: 0px !important;
		float: unset !important;
		clear: unset !important;
		overflow-x: visible;
		overflow-y: hidden;
		line-height: initial;
		font-size: initial;
		min-width: auto;
		height: 250px;
		min-height: auto;
		max-width: 600px;
		max-height: 300px;
		max-width: unset;
		width: 100% !important;
	}

	article figure img {
		max-width: 100% !important;
		min-width: auto !important;
		width: 100% !important;
		visibility: visible !important;
	}

	article figure img.w-fit {
		width: 100%;
		height: auto;
	}

	article figure img.h-fit {
		width: 100%;
		height: 100%;
	}

	main aside nav article figure {
		float: unset !important;
		clear: unset !important;
		margin: 16px 0px !important;
		font-size: 0px;
		line-height: 0px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		width: 100%;
		max-width: 100%;
		min-width: auto;
		max-height: 250px;
		overflow-x: hidden;
		overflow-y: hidden;
		height: 250px;
	}

	article > * > .tool-box > * {
		margin-left: 8px;
	}

	article > * > .tool-box > *:before {
		font-size: 1.4rem;
	}

	section.front-panel:has(> section#front-list) {
		/* display:none  !important; */
	}

	.tool-box {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		margin-top: 12px;
		display: none !important;
	}

	body section#site-search input[type="search"] {
		-webkit-box-flex: 2;
		-ms-flex-positive: 2;
		flex-grow: 2;
		width: 250px;
	}

	/* real aside */
	body > main > section[data-module-key] > aside {
		margin: 16px !important;
		/* width: 90% !important; */
		/* width: fit-content !important; */
		/* max-width: calc(var(--body-width) - 24px); */
		padding: 0px;
		padding-top: 32px;
	}

	main aside nav {
		position: relative;
		overflow-x: hidden;
		width: 100% !important;
	}

	body > main > section[data-module-key] > section > article {
		margin-top: 16px !important;
		margin-left: 16px;
		margin-right: 16px;
		width: auto;
		box-sizing: content-box;
		> footer * {
			font-size: 1.1rem;
			color: var(--text-color-lighter) !important;
		}
	}

	article > footer > section section#article-stats {
		display: none;
	}

	article > p > iframe[src*="google.com/maps"] {
		width: 350px;
		height: 350px;
	}

	main aside nav > * > article {
		margin: 32px 0px !important;
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
		-webkit-box-orient: vertical !important;
		-webkit-box-direction: normal !important;
		-ms-flex-direction: column !important;
		flex-direction: column !important;
	}

	main aside nav article :is(p, div, ul, ol) {
		margin: 16px 0px !important;
		height: auto;
		overflow-y: auto;
		font-size: 1.4rem !important;
		line-height: 2.1rem !important;
	}

	main aside nav article div.tool-box {
		height: 70px !important;
	}

	main aside nav article div.tool-box > i {
		font-size: 1.7rem;
	}

	dialog.control.menu-detail-view {
	}

	dialog.control.menu-detail-view {
		--collapse-width: var(--expand-width) !important;
	}

	dialog.control.menu-detail-view > div.body > div.detail {
		padding: 0px 16px;
	}

	body > main > section:has(dialog.control.menu-detail-view) {
		/* height: -webkit-fill-available; */
		display: flex !important;
		flex-direction: column;
		height: 100%;
	}

	dialog.control.menu-detail-view > div.body > div.master {
		-webkit-transition: -webkit-transform 0.3s linear !important;
		transition: -webkit-transform 0.3s linear !important;
		-o-transition: transform 0.3s linear !important;
		/* transition: transform 0.3s linear, -webkit-transform 0.3s linear !important; */
		-ms-transform-origin: top left;
		-ms-transform: scale(0);
		-webkit-transition: transform 0.3s linear !important;
		-webkit-transform-origin: top left;
		-webkit-transform: scale(0);
		height: -webkit-fit-content !important;
		height: -moz-fit-content !important;
		position: absolute;
		z-index: 300;
		transform-origin: top left;
		transform: scale(0);
		transition: transform 0.3s linear;
		height: fit-content !important;
		height: 100px !important;
		height: fit-content !important;
		overflow-y: auto !important;
	}

	dialog.control > div.body.master-detail.shrink > .master + .detail {
		flex-basis: auto !important;
		/* display: none; */
		z-index: 10;
		/* flex-basis: 100px !important; */
		/* width: 100px !important; */
		/* position: absolute; */
		/* left: 100px; */
		/* margin-top: 100px !important; */
	}

	dialog.control.menu-detail-view > div.body.shrink > div.master {
		-ms-transform: scale(1);
		transform: scale(1);
		-webkit-transform: scale(1);
		/* display: flex; */
		/* height: -webkit-fit-content !important; */
	}

	dialog.control.menu-detail-view
		> div.body
		> div.master
		> div.menu-items-4yD6hik9i {
		background-color: hsl(0 0% 80% / 1);
		background-color: var(--pop-box-background-color);
		-webkit-box-shadow: var(--drop-box-shadow);
		box-shadow: var(--drop-box-shadow);
		border-radius: 0px calc(var(--menu-item-height) / 2)
			calc(var(--menu-item-height) / 2) 0px;
		border-radius: var(--drop-border-radius);
	}

	dialog.control.menu-detail-view
		> div.body
		> div.master
		> div.menu-items-4yD6hik9i
		> *
		> div {
		/* background-color: gray; */
		/* color:white; */
		border-radius: 0px;
	}

	dialog.control.menu-detail-view
		> div.body
		> div.master
		> div.menu-items-4yD6hik9i
		> *
		> div:last-child {
		border-bottom-right-radius: inherit;
		border-bottom-left-radius: inherit;
	}

	dialog.account-detail-view .master-detail > .detail {
		padding: 0px 8px !important;
		flex-basis: 100% !important;
		/* border: 3px solid red !important; */
		flex-shrink: 0 !important;
	}

	section#content-groups {
		margin-left: 16px;
		margin-right: 16px;
	}

	body > main > section[data-module-key] > section > * {
		width: auto;
	}
}

div#admin-menu-EJtLdOHqR {
	background-color: var(--tool-bar-background-color);
	position: fixed;
	top: 0px;
	right: 0px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	border: 1px solid var(--tool-bar-border-color);
	border-bottom-width: 0px;
	border-left-width: 0px;
}

div#admin-menu-EJtLdOHqR > i {
	width: 32px;
	height: 32px;
	border-color: var(--tool-bar-border-color);
	border-style: solid;
	border-width: 0px;
	border-left-width: 1px;
	border-bottom-width: 1px;
	cursor: pointer;
}

div#admin-menu-EJtLdOHqR > i {
	color: var(--text-color);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

div#admin-menu-EJtLdOHqR > i:hover {
	background-color: var(--tool-bar-hover-background-color);
}

div#admin-menu-EJtLdOHqR > i + i {
	/*#region border-right-width: 0px; */
}

.loading-text:before {
	content: "Y\00FCkleniyor...";
	position: fixed !important;
	/* top: 50% !important; */
	left: 50% !important;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 9990;
	font-size: 120%;
	color: red;
	opacity: 1 !important;
	-webkit-filter: none !important;
	filter: none !important;
	padding: 8px 16px;
	background-color: transparent;
	border-radius: 4px;
	top: 400px;
}

/*#region popEditor for contenteditable */
#N1jDwGbiR {
	background-color: var(--pop-box-background-color);
	-webkit-box-shadow: var(--pop-box-shadow);
	box-shadow: var(--pop-box-shadow);
	padding: 8px 16px;
	z-index: 999;
	position: fixed;
	min-height: 36px;
	min-width: 200px;
	border-radius: 7px;
	display: none;
}

#N1jDwGbiR > * {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	max-height: 36px;
	padding-top: 4px !important;
	padding-bottom: 4px !important;
	margin: 0px;
}

#N1jDwGbiR > * + * {
	margin-left: 8px;
}

#N1jDwGbiR.pop {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

/*#endregion popEditor for contenteditable */
div#floating-commands-box {
	padding-left: 1px;
	--item-background-color: transparent;
	background-color: white;
	max-width: 300px;
	height: 36px;
	position: absolute;
	z-index: 300;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 4px;
	-webkit-box-shadow: var(--pop-box-shadow);
	box-shadow: var(--pop-box-shadow);
}

div#floating-commands-box.sink {
	visibility: hidden;
}

div#floating-commands-box > i {
	width: 36px;
	height: 36px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background-color: var(--item-background-color);
}

div#floating-commands-box > i + i {
	border-left: 1px solid hsl(0deg 0% 0% / 11%);
}

div#floating-commands-box > i:first-child {
	border-top-left-radius: inherit;
	border-bottom-left-radius: inherit;
}

div#floating-commands-box > i:last-child {
	border-top-right-radius: inherit;
	border-bottom-right-radius: inherit;
}

div#floating-commands-box > i[disabled] {
	color: gainsboro;
	background-color: hsl(180 1% 90% / 1);
	pointer-events: none;
}

div#floating-commands-box > i:hover {
	background-color: hsl(180 1% 90% / 1);
}

div#floating-commands-box > i:active {
	background-color: hsl(180 1% 85% / 1);
}

/*#region common form */
div#rich-text-editor {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	/* position: relative; */
	width: -webkit-fill-available;
}

div#rich-text-editor * {
}

dialog#anchor-editor {
	position: fixed;
	-webkit-transform: translate(-100%, -100%);
	-ms-transform: translate(-100%, -100%);
	transform: translate(-100%, -100%);
	/* position: absolute; */
	padding: 8px;
}

dialog#anchor-editor section {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0px;
}

dialog#anchor-editor section input {
	min-width: 300px;
}

dialog#anchor-editor section button {
	margin-left: 8px;
	padding: 4px 4px 4px 4px;
	width: 36px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

#cm-VypQ8PWoC {
	position: fixed;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-transform: scale(1, 0);
	-ms-transform: scale(1, 0);
	transform: scale(1, 0);
	-webkit-transform-origin: top;
	-ms-transform-origin: top;
	transform-origin: top;
	border: var(--pop-border);
	background-color: var(--pop-box-background-color);
	-webkit-box-shadow: var(--pop-box-shadow);
	box-shadow: var(--pop-box-shadow);
	border-radius: var(--pop-border-radius);
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	-webkit-transition: var(--pop-transition);
	-o-transition: var(--pop-transition);
	transition: var(--pop-transition);
	z-index: 10000;
	bottom: auto;
}

#cm-VypQ8PWoC.pop {
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
}

#cm-VypQ8PWoC > div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

#cm-VypQ8PWoC > div:not([style*="display: none"]):first-child {
	border-top-right-radius: inherit;
	border-top-left-radius: inherit;
}

#cm-VypQ8PWoC > div:not([style*="display: none"]):last-child {
	border-bottom-right-radius: inherit;
	border-bottom-left-radius: inherit;
}

#cm-VypQ8PWoC > div > i {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 32px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

#cm-VypQ8PWoC > div > div {
	padding: 8px 16px 8px 8px;
	cursor: pointer;
}

#cm-VypQ8PWoC > div:hover {
	background-color: var(--pop-item-hover-bgcolor);
	color: var(--pop-item-hover-color);
}

#cm-VypQ8PWoC > div:hover > * {
	color: var(--pop-item-hover-color);
}

div#rich-text-editor div[contenteditable="true"] {
	outline: none;
	/* --figure-height: 150px; */
	display: block;
}

div#rich-text-editor div[contenteditable="true"].hidden {
	display: none;
}

div#rich-text-editor textarea#source-editor {
	height: 900px;
	display: none;
	line-height: 2.3rem;
	width: -webkit-fill-available;
}

div#rich-text-editor textarea#source-editor ~ i.formatter-command {
	display: none;
}

div#rich-text-editor textarea#source-editor.fill {
	position: fixed;
	top: 40px;
	left: 0px;
	right: 0px;
	width: 100%;
	bottom: 0px;
	background-color: hsl(64 82% 95% / 1);
	border: 3px solid red;
	z-index: 1999000;
}

div#rich-text-editor textarea#source-editor.fill ~ i.formatter-command {
	display: block;
	position: fixed;
	top: 42px;
	right: 8px;
	z-index: 11110000;
	cursor: pointer;
}

div#rich-text-editor textarea#source-editor.fill ~ i#format-html {
	right: 32px;
}

div#rich-text-editor textarea#source-editor.pop {
	display: block;
}

div#rich-text-editor div[contenteditable="true"] h3 {
	border: 1px dashed hsl(210deg 100% 50% / 41%);
	padding: 4px;
	margin: 8px 0px;
}

div#rich-text-editor div[contenteditable="true"] > :is(p, div) img {
	max-width: 200px;
	float: right;
	margin: 8px;
}

div#rich-text-editor div[contenteditable="true"] > :is(ul, ol) {
	list-style-type: disc;
	margin: auto !important;
	margin-bottom: 16px !important;
	padding: initial !important;
}

div#rich-text-editor div[contenteditable="true"] > :is(ol) {
	list-style-type: auto;
	margin: auto !important;
	padding: initial !important;
}

div#rich-text-editor div[contenteditable="true"] > :is(ul, ol) li {
	margin-left: 24px !important;
	/* padding: initial !important; */
}

div#rich-text-editor div[contenteditable="true"] > :is(p, div, ul, ol, figure) {
	/* font-size: 0.85rem; */
	font-weight: initial;
	margin: 0px 8px 8px 0px;
	padding: 4px;
	/* padding-right: 15px; */
	border: 1px dotted var(--border-color-darkest);
	overflow: hidden;
	zoom: 1;
	min-height: 36px;
	/* clear:both; */
	border-radius: 3px;
	position: relative;
	outline: none;
	white-space: initial;
}

div#rich-text-editor
	div[contenteditable="true"]
	> :is(p, div, ul, ol, li, h2, h3, h4) {
	cursor: text;
	position: relative;
}

div#rich-text-editor div[contenteditable="true"] span[is="google-link-track"],
div#rich-text-editor div[contenteditable="true"] span[is="google-call-track"],
div#rich-text-editor div[contenteditable="true"] span[is="google-wup-track"] {
	background-color: hsl(60deg 100% 80% / 80%);
	/* color: red; */
}

div#rich-text-editor div[contenteditable="true"] span[is="google-link-track"] {
	background-color: hsl(146.11deg 100% 80% / 80%);
}

div#rich-text-editor div[contenteditable="true"] span[is="google-wup-track"] {
	background-color: hsl(24.27deg 100% 80% / 80%);
}

div#rich-text-editor div[contenteditable="true"] a {
	color: blue;
	text-decoration: underline;
}

div#rich-text-editor
	div[contenteditable="true"]
	> :is(p, div, ul, ol, h3):focus {
	border-color: hsl(0 90% 70% / 1);
}

div#rich-text-editor
	div[contenteditable="true"]
	> :is(p, div, ul, ol, h3):before,
div#rich-text-editor
	div[contenteditable="true"]
	> :is(p, div, ul, ol, h3):after {
	opacity: 0.05;
}

div#rich-text-editor
	div[contenteditable="true"]
	> :is(p, div, ul, ol, h3):hover:before,
div#rich-text-editor
	div[contenteditable="true"]
	> :is(p, div, ul, ol, h3):hover:after {
	opacity: 1 !important;
}

div#rich-text-editor
	div[contenteditable="true"]
	> :is(p, div, ul, ol, h3):before {
	position: absolute;
	top: -6px;
	right: 0px;
	content: "\f1c9\f1dc";
	letter-spacing: 3px;
	font-family: "FontAwesome Solid";
	color: hsl(0deg 100% 50%);
	cursor: pointer;
	font-size: 12px !important;
	z-index: 10;
}

div#rich-text-editor div[contenteditable="true"] > h3:before {
	content: "\f1c9";
}

div#rich-text-editor
	div[contenteditable="true"]
	> h3
	+ :is(p, div, ul, ol):before {
	content: "\f1dd";
}

div#rich-text-editor
	div[contenteditable="true"]
	> p
	+ :is(p, div, ul, ol):before {
	content: "\f1dc\f1dd";
}

div#rich-text-editor div[contenteditable="true"] > p:first-of-type:before {
	display: none;
}

div#rich-text-editor
	div[contenteditable="true"]
	> :is(p, div, ul, ol, h3):after {
	font-family: "FontAwesome Solid";
	font-size: 12px !important;
	font-size: inherit;
	line-height: unset;
	color: inherit;
	font-style: normal;
	content: "\f1c9\f03a\f1dd";
	/* content: "\f1dd"; */
	letter-spacing: 3px;
	position: absolute;
	right: 0px;
	bottom: -5px;
	color: hsl(240deg 100% 50%);
	z-index: 10;
	cursor: pointer;
}

div#rich-text-editor div[contenteditable="true"] > :is(h3):after {
	content: "\f03a\f1dd";
}

div#rich-text-editor div[contenteditable="true"] figure.editor {
	float: right;
	clear: left;
	width: var(--figure-width);
	height: var(--figure-height);
	border: 1px solid var(--border-color-darkest);
	position: relative;
	line-height: 0px;
	font-size: 0px;
	overflow-y: clip;
	overflow-x: clip;
	/* margin: 0px; */
	margin-left: 16px;
	padding: 0px;
}

div#rich-text-editor div[contenteditable="true"] figure.editor + :is(p,ul,ol) {
	min-height: var(--figure-height);
}

div#rich-text-editor div[contenteditable="true"] figure.editor :is(div, i) {
	position: absolute;
	right: 4px;
	top: 4px;
	left: auto;
	width: unset !important;
	z-index: 10;
	cursor: pointer;
	color: hsl(0deg 0.82% 59.35% / 60%) !important;
	font-size: 20px;
}

div#rich-text-editor div[contenteditable="true"] figure.editor :is(i) {
	right: auto;
	left: 4px;
	color: white;
	background-color: transparent;
}

div#rich-text-editor div[contenteditable="true"] figure.editor div.edit-image {
	top: auto;
	right: auto;
	left: 4px;
	bottom: 0px;
	color: blue !important;
	background-color: transparent;
}

div#rich-text-editor
	div[contenteditable="true"]
	figure.editor
	img:not([src])
	+ i {
	color: black;
}

div#rich-text-editor div[contenteditable="true"] figure.editor img {
	margin: 0px;
	float: none;
	clear: none;
	max-width: unset;
	width: inherit;
	line-height: 0px;
	font-size: 0px;
}

div#rich-text-editor div[contenteditable="true"] figure.editor img:hover {
	-webkit-filter: brightness(0.7);
	filter: brightness(0.7);
}

div#rich-text-editor div.text-commands {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	position: sticky;
	top: 0px;
	background-color: hsl(0deg 2% 70% / 66%);
	z-index: 100;
}

div#rich-text-editor div.text-commands > div.hidden {
	visibility: hidden;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

div#rich-text-editor div.text-commands > div {
	border: 1px solid var(--border-color-dark);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background-color: white;
	border-radius: 3px;
	/* margin-bottom: 4px; */
}

div#rich-text-editor div.text-commands > div > i {
	width: 32px;
	height: 32px;
	border-right: 1px solid hsl(0deg 0% 90%);
	color: hsl(0deg 0% 90%);
	background-color: hsl(0deg 0% 40% / 90%);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

div#rich-text-editor div.text-commands div > i[disabled] {
	background-color: hsl(0deg 0% 40% / 30%);
	color: hsl(0deg 0% 60%);
	pointer-events: none;
	/* opacity: 0.6; */
}

div#rich-text-editor div.text-commands div > i:hover {
	background-color: hsl(0deg 0% 40% / 70%);
}

div#rich-text-editor div.text-commands div > i.break {
	margin-left: 16px;
}

div#rich-text-editor div.text-commands div > i:before {
	font-size: 13px;
}

div#rich-text-editor div.text-commands div > i:active {
	background-color: hsl(0deg 0% 0% / 11%);
}

/*#endregion common form */
dialog.confirm-dialog {
	max-width: 800px;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	max-height: 200px !important;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	min-height: unset !important;
	min-width: 400px !important;
}

dialog.confirm-dialog > header > h1 {
	white-space: nowrap;
	margin: 4px;
}

dialog.confirm-dialog > main button {
	margin-right: 16px;
}

.picker-dialog div[data-item-key],
.picker-dialog div[data-item-key] > div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.picker-dialog div[data-item-key] > div input {
	margin-right: 8px !important;
}

/*#endregion from sites index.css */
/*#region debug-style */
body.debug-style > :is(header) {
	/* background-color: yellow !important; */
}

body.debug-style > :is(main) {
	/* background-color: yellow; */
}

/*#endregion debug-style */
/*#endregion ayanoglu template */
/*#region patchv1 */
body.patchv1,
body.patchv1
	*:is(header, main, footer, section, article, h2, h3, figure, p, a, div) {
	all: unset;
}

body.patchv1 > :is(header, main, footer) {
	width: var(--body-width) !important;
	margin-left: auto;
	margin-right: auto;
}

body.patchv1 > main {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
}

body.patchv1 * {
}

@media (max-width: 640px) {
	body.patchv1,
	body.patchv1
		*:is(
			header,
			main,
			footer,
			section,
			article,
			h2,
			h3,
			figure,
			p,
			a,
			div,
			b
		) {
		all: unset !important;
	}

	body.patchv1 > main {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	body.patchv1 * {
	}
}

/*#endregion patchv1 */
/*#region master-detail-view-base v1002 */
.master-detail-view-base.v1002 {
	position: relative;
	--master-basis: 25%;
}

.master-detail-view-base.v1002 > .header {
	z-index: 10;
}

.master-detail-view-base.v1002 > div.body {
	position: static;
	z-index: 20;
}

.master-detail-view-base.v1002 > :is(.footer, .status) {
}

.master-detail-view-base.v1002 > div.body > .master {
	-ms-flex-preferred-size: 100% !important;
	flex-basis: 100% !important;
}

.master-detail-view-base.v1002 > div.body > .detail {
	position: absolute !important;
	top: 0px !important;
	right: 0px;
	/* flex:unset !important; */
	/* flex-basis:0px !important; */
	/* flex-grow:unset !important; */
	/* flex-shrink:unset !important; */
	-webkit-transform: unset !important;
	-ms-transform: unset !important;
	transform: unset !important;
	/* transition:width 1s linear !important; */
	/* transition: width 0.5s ease-in-out !important; */
	-webkit-transition: left 0.5s ease-in-out !important;
	-o-transition: left 0.5s ease-in-out !important;
	transition: left 0.5s ease-in-out !important;
	opacity: 1 !important;
	/* width:100% !important; */
	background-color: white;
	border-left: 1px solid white !important;
	left: calc(100% - var(--master-basis)) !important;
	left: 100% !important;
	width: auto !important;
}

.master-detail-view-base.toggle-detail.v1002 > div.body > .detail {
	/* width:calc(100% - var(--master-basis)) !important;   */
	left: var(--master-basis) !important;
}

/*#endregion master-detail-view-base v1002 */
/*#region front-store */
body > main:has(section.front-panel) {
	margin-left: 0px;
	margin-right: 0px;
	width: 100%;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

section.front-panel {
	-ms-flex-preferred-size: auto;
	flex-basis: auto;
	margin-bottom: 32px;
	--p-line: 1.3rem;
	--h-line: 1.4rem;
}

section.intro-panel {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	> section {
		background-color: white;
		display: flex;
		flex-direction: row;
		flex: 1 1 100%;
		position: relative;
	}

	> section {
		&#intro {
		flex-wrap: nowrap;

		& div#more-intro {
			@media (max-width: 640px) {
				display: none !important;
			}
			> section {
				& h4 {
					color: hsl(7.09deg 87.88% 63.62%);
					font-weight: 600 !important;
					font-size: 1.3rem;
					margin: 16px auto;
				}
				& p {
					font-size: 1.2rem;
					line-height: 2.1rem;
				}
				& a {
					> div {
						color: var(--text-color-light) !important;
						font-size: 1.1rem;
						margin: 0px 0px 8px 8px;

						&:before {
							margin-right: 16px !important;
							margin-top: 24px !important;
						}
					}
				}

				margin-top: 36px;
			}

			margin: 36px auto auto 24px !important;
		}

		> figure {
			width: 300px;
			filter: sepia(0.3) saturate(0.7);
			margin: 16px;
			> img {
				width: inherit;
			}
		}

		> section {
			padding: 0px 0px 0px 32px;
			@media (max-width: 640px){
				
					
					
					
					
					
					position: absolute;
					top: 20%;
					bottom: 16px;
					height: auto;
					padding: 16px;
					--bg-h: 210deg;
					--bg-s: 90%;
					--bg-l: 96%;
					background-color: hsl(var(--bg-h) 100% 97% / 65%);
					background: linear-gradient(
						0deg,
						hsl(var(--bg-h) var(--bg-s) var(--bg-l) / 15%) 0%,
						hsl(var(--bg-h) var(--bg-s) var(--bg-l) / 75%) 5%,
						hsl(var(--bg-h) var(--bg-s) var(--bg-l) / 95%) 15%,
						hsl(var(--bg-h) var(--bg-s) var(--bg-l) / 75%) 70%,
						hsl(var(--bg-h) var(--bg-s) var(--bg-l) / 85%) 80%,
						hsl(var(--bg-h) var(--bg-s) var(--bg-l) / 5%) 100%
					);
					margin: 8px;
					border-radius: 16px;
					
					
					
					
					

					> div.head {
						margin-bottom: 16px;
					}

					> div.detail {
						& a {
							> div {
							margin: 8px 16px 8px 16px !important;
							border: 1px solid hsl(0deg 0% 0% / 12%);
							background-color: hsl(0deg 0% 100% / 80%);
							border-radius: 24px;
							padding: 8px;
							padding-left: 16px;
							width: 80%;
							font-size: 1.2rem;
						}
						}
					}
				padding-left: 16px;
			}
			> div.head {
				margin-bottom: 24px;
				font-size: 1.4rem;
				font-weight: 600;
				margin-top: 32px;
			}

			> div.detail {
				> a {
					color: hsl(240 6% 40% / 1);
					> div {
						color: inherit;
						margin: 24px;
						font-size: 1.4rem;
						display: flex;

						&:before {
							display: flex;
							flex-direction: row;
							margin-right: 16px;
						}
					}
				}
			}

		}
	}
	}

	> section#content {
		/* padding: 32px; */
		flex-direction: column;
		
		> section {
			margin-bottom: 32px;

			> figure {
				float: left;
				clear: right;
				max-height: 300px;
				overflow-y: clip;
				max-width: 300px;
				margin: 0px 16px 16px 0px;
				border-radius: 5px;
				filter: sepia(0.3) saturate(0.7);
				@media (max-width: 640px) {
					float:none;
					clear:none;
					max-width:100%;
				}
				> img {
					max-height: inherit;
					max-width: inherit;
					border-radius: inherit;
				}
			}

			> h3 {
				display: flex;
				justify-content: space-between;
				font-size: 1.4rem;
				text-transform: uppercase;
				font-weight: 600;
				letter-spacing: 0.11rem;
				border-bottom: 1px solid gainsboro;
				padding-bottom: 4px;
				color: gray;
				
				
				
				
				
				
				
				& i {
					font-weight: normal;
					color: hsl(15 90% 60% / 1);
					font-size: 1.5rem;
					cursor:pointer;
				}
			}

			> p {
				margin-bottom: 24px;
				font-size: 1.3rem;
				line-height: 2.3rem;
				color: var(--text-color-light);

@media (max-width: 640px) {
					 margin-top:24px;
				}
				
				& a {
					font: inherit;
					color: blue !important;
				}

				& + hr {
					width: 50%;
					background-color: hsl(0deg 0% 86.27% / 47.84%);
					height: 1px;
					border: 0px;
				}
			}

			> div {
				margin: 0px 16px;
			}

			> div#form {
				&.sink {
					display: none;
				}

				> div {
					margin-bottom: 16px;
					&#commands {
						display: flex;
						justify-content: space-between;
					}
				}

				> p {
					color: var(--text-color-lighter);
					font-size: 1.3rem;
				}
				& input {
					width: -webkit-fill-available;
				}
				& textarea {
					width: -webkit-fill-available;
					height: 180px;
					padding: 8px;
				}

				& button {
				}
			}

			> div#report {
				display: none;
				&.pop {
					display: flex;
				}
			}

			> section {
				display:flex;
				flex-direction:row;

				@media (max-width: 640px){
					flex-direction: column;
				}
				
				> figure { 
				max-height: 500px;
				overflow-y: clip;
				max-width: 300px;
				margin: 0px 16px 0 0px;
				border-radius: 5px;
				filter: sepia(0.3) saturate(0.7);

					@media (max-width: 640px) { 
					max-width:100%;
				}
					
					> img {
						max-height: inherit;
						max-width: inherit;
						border-radius: inherit;
					}
				}

				> section {
					    > p {
				margin-top: 0px;
				margin-bottom: 24px;
				font-size: 1.3rem;
				line-height: 2.3rem;
				color: var(--text-color-light);
				
				@media (max-width: 640px) {
					 margin-top:24px;
				}
				
				& a {
					font: inherit;
					color: blue !important;
				}

				& + hr {
					width: 50%;
					background-color: hsl(0deg 0% 86.27% / 47.84%);
					height: 1px;
					border: 0px;
					margin-bottom: 24px;
				}
			}
				}
			}
		}
	}
}

@media (max-width: 640px) {
	section.intro-panel {
		flex-wrap: wrap;
		flex: 1 0 auto;
		position: relative;
		flex-basis: auto !important;

		> section {
			&#intro {
				flex-wrap: wrap;
				flex: 1 0 auto;
				position: relative;

				> section {
				}
			}

			&#about {
				display: flex;
				padding: 8px;
				> section {
					&#message {
						height: 500px;
						margin-bottom: 64px;
					}

					> figure {
						max-width: 100%;
						margin: 0px 0px 16px 0px;
						> img {
						}
					}
				}
			}
		}
	}

	section.intro-panel * {
	}
}

section.front-panel > h1 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	/* width: 100%; */
	padding-right: 8px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 1.3rem;
	color: hsl(0deg 0% 20%);
	border-bottom: 1px solid hsl(0 0% 86% / 1);
	padding-bottom: 4px;
}

section.front-panel > h1 > a {
	color: coral;
	font-size: 1rem;
	font-weight: normal;
}

section.front-panel > h1 + section {
	display: block;
	-ms-flex-preferred-size: auto;
	flex-basis: auto;
	margin-bottom: 32px;
}

section.front-panel > h1 + section > nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	/* margin-bottom: 32px; */
	/* line-height: 64px; */
}

section.front-panel > h1 + section > nav > a {
	width: calc((100% - calc(3 * 1%)) / 4);
	max-height: calc(
		165px + 57px + (3.5 * var(--h-line)) + (4 * var(--p-line))
	);
	overflow-y: clip;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	min-height: 100px;
}

section.front-panel > h1 + section > nav > a:not(:has(> article > *)) {
	display: none !important;
}

section.front-panel > h1 + section > nav > a > article {
	/* width: calc((100% - calc(3 * 1%))/4); */
	/* max-height: 413px; */
	/* height: 100%; */
	/* max-height: calc(165px + 57px + (3 * var(--h-line)) + (4 * var(--p-line))); */
	overflow-y: clip;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	margin-bottom: 64px;
	/* border-bottom: 1px solid; */
	display: flex;
	flex-direction: column;
}

section.front-panel > h1 + section > nav > a + a > article {
	margin-left: 3%;
}

section.front-panel > h1 + section > nav > a > article figure {
	float: none;
	clear: none;
	height: 165px;
	width: 100%;
	margin: 0px;
	/* display: inline-block; */
	/* margin-right: 2%; */
}

section.front-panel > h1 + section > nav > a > article h2 {
	line-height: var(--h-line);
	/* font-size: 0.91rem; */
	margin: 8px 0px;
	/* margin: 0px; */
	font-family: var(--heading-font-family);
	font-stretch: 50%;
	font-size: 1.15rem;
	font-weight: 600;
	/* min-height: 75px; */
	height: 100%;
	max-height: calc(3 * var(--h-line));
	overflow-y: clip;
	overflow-x: clip;
	/* overflow: hidden; */
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	/* display: inline-block; */
	/* max-width: 222px; */
	width: calc(100%);
	/* white-space: nowrap; */
	/* position: sticky; */
	/* color: hsl(0deg 0% 20%); */
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: end !important;
	-ms-flex-align: end !important;
	align-items: end !important;
	order: 1;
}

section.front-panel > h1 + section > nav > a > article p {
	--p-line: 1.4rem;
	font-size: 0.97rem;
	/* line-height: normal; */
	line-height: var(--p-line);
	/* max-height: calc((6.7 * var(--p-line))); */
	margin: 8px 2px;
	order: 2;
	flex: 3 0;

	@media ( max-width:640px){
			max-height: unset;
		overflow-y: visible;
		font-size: 1.3rem;
		line-height: 2.3rem;
	}
}

section#front-article {
	display: block;
	position: relative;
	-ms-flex-preferred-size: auto;
	flex-basis: auto;
	/* margin-bottom: 32px; */
}

section#front-article * {
}

section#front-article > i {
	font-size: 1.27rem;
	cursor: pointer;
	position: absolute;
	right: 0px;
	bottom: 50%;
	border-radius: 50% 50%;
	background-color: hsl(0deg 0% 0% / 50%);
	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
}

section#front-article > i#previous-content {
	left: 8px;
	right: auto;
}

section#front-article > i.inactive {
	pointer-events: none;
}

section#front-article :is(h2, p) {
	width: 48%;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
}

section#front-article h2 {
	font-size: 1.97rem;
	font-family: var(--heading-font-family);
	font-stretch: 50%;
	margin: 0px 0px 16px;
}

section#front-article p {
	font-size: 1.27rem;
	line-height: calc(2 * 1.3rem);
	font-size: clamp(1.2rem, 1.45rem, 1.7rem);
}

section#front-article article {
	display: block;
	/* display: inline; */
}

section#front-article figure {
	float: left;
	clear: right;
	height: 360px;
	width: 50%;
	margin: 0px;
	display: inline-block;
	margin-right: 2%;
}

@media (max-width: 640px) {
	section#front-article :is(figure, h2, p) {
		display: block;
		/* padding: 8px; */
		width: auto;
	}

	section.front-panel > h1 + section nav {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	section.front-panel > h1 + section nav article {
		/* width: 100%; */
		margin-bottom: 24px;
		max-height: unset;
		overflow-y: visible !important;
		margin: 0px !important;
		padding: 8px;
		width: auto;
	}

	section.front-panel > h1 + section > nav > a {
		width: 100%;
		overflow: visible;
		max-height: unset;
	}

 

	section.front-panel > h1 + section > nav > a > article figure {
		height: 250px;
	}

	section.front-panel > h1 + section > nav > a > article h2 {
		max-height: unset;
		overflow: visible;
		-o-text-overflow: unset;
		text-overflow: unset;
	}

	section.front-panel > h1 + section > nav > a > article :is(h2, p) {
		padding: 8px;
		width: auto;
		/* line-height: 1.8rem; */
	}

	section.front-panel > h1 + section > nav > a > article :is(figure) {
		padding: 0px;
	}

	section.front-panel > h1 {
		padding: 8px;
		font-size: 1.6rem;
		padding-bottom: 8px;
	}
}

section#front-store {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	-webkit-box-flex: unset;
	-ms-flex: unset;
	flex: unset;
	-ms-flex-preferred-size: auto;
	flex-basis: auto;
}

section#front-store nav {
	/* width: 460px; */
	-webkit-box-flex: 0;
	-ms-flex: 0 0 49%;
	flex: 0 0 49%;
	/* margin: 1%; */
}

section#front-store nav article {
	position: relative;
}

section#front-store nav:last-child {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	/* line-height: 0px; */
	/* font-size: 0px; */
	margin-left: 1%;
}

section#front-store nav:last-child article {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 48%;
	flex: 0 0 48%;
	margin: 1%;
}

section#front-store nav:last-child article figure {
	float: none;
	height: 173px;
	width: 200px;
	margin: 0px;
	width: 100%;
}

section#front-store nav:last-child * {
}

section#front-store nav:last-child h2 {
	line-height: normal;
	font-size: small;
	opacity: 0.9;
	top: auto;
	bottom: 0px;
	font-weight: normal;
}

section#front-store nav:last-child p {
	display: none;
}

section#front-store nav article h2 {
	position: absolute;
	top: 0px;
	margin: 0px;
	background-color: hsl(0deg 0% 100% / 84%);
	right: 0px;
	left: 0px;
	padding: 4px 8px;
	font-size: 0.97rem;
}

section#front-store nav article figure {
	float: none;
	height: 360px;
	width: 460px;
	margin: 0px;
}

section#front-store nav article figure img {
	/* width: 100%; */
	/* height: auto; */
	width: inherit;
}

section#front-store nav article p {
	position: absolute;
	bottom: 0px;
	margin: 0px;
	background-color: hsl(0deg 0% 100% / 80%);
	padding: 8px;
	line-height: normal;
}

/*#endregion front-store */
/*#region content slider */
section#content-slider {
	height: 400px;
	overflow: hidden;
	--slide-width: 586px;
	--slide-count: 0;
	width: var(--slide-width);
	position: relative;
	padding-bottom: 21px;
}

section#content-slider > section#cursor {
	z-index: 50;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: 0px;
}

section#content-slider > section#cursor > div {
	width: 16px;
	height: 16px;
	display: block;
	background-color: hsl(0deg 0% 71.28%);
	border-radius: 50% 50%;
	margin-left: 2px;
	cursor: pointer;
}

section#content-slider > section#cursor > div.active {
	background-color: hsl(120deg 100% 42%);
}

section#content-slider nav {
	position: relative;
	height: -webkit-fill-available;
	/*#region newRegion */
	/* height: fit-content; */
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	/*#endregion newRegion */
	width: calc(var(--slide-count) * var(--slide-width));
	-webkit-transition: -webkit-transform 0.5s ease-in-out;
	transition: -webkit-transform 0.5s ease-in-out;
	-o-transition: transform 0.5s ease-in-out;
	transition: transform 0.5s ease-in-out;
	transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
	z-index: 40;
}

section#content-slider > i {
	position: absolute;
	top: 50%;
	z-index: 100;
	font-size: 1.5rem;
	cursor: pointer;
	left: 4px;
	background-color: hsl(0deg 0% 0% / 40%);
	color: white;
	border-radius: 50% 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 36px;
	width: 36px;
	line-height: 0px;
}

section#content-slider > i:hover {
	background-color: hsl(0deg 0% 0% / 70%);
}

section#content-slider > i:active {
	background-color: hsl(0deg 0% 0% / 90%);
}

section#content-slider > i.sink {
	z-index: -1;
	visibility: hidden;
}

section#content-slider > i:before {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 0px;
	margin: 0px;
	line-height: 0px;
}

section#content-slider > i#next {
	position: absolute;
	right: 4px;
	left: auto;
}

section#content-slider article * {
}

section#content-slider article {
	position: relative;
	z-index: 50;
	height: -webkit-fill-available;
	-webkit-box-flex: 1;
	-ms-flex: 1 0 var(--slide-width);
	flex: 1 0 var(--slide-width);
	width: var(--slide-width);
}

section#content-slider article.left {
	/* transform: translateX(-100%); */
}

section#content-slider article.pop {
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);
	opacity: 1;
}

section#content-slider article figure {
	float: none;
	/* width: -webkit-fill-available !important; */
	height: auto;
	margin: 0px;
	height: 400px;
	width: 100%;
	height: -webkit-fill-available;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow-x: hidden;
	border-radius: 8px;
}

section#content-slider article figure img {
}

section#content-slider article h2 {
	position: absolute;
	bottom: 75px;
	z-index: 10;
	color: white;
	margin: 8px;
}

section#content-slider article p {
	position: absolute;
	bottom: 0px;
	right: 0px;
	left: 0px;
	padding: 4px 4px 8px;
	padding-top: 40px;
	background-color: hsl(0deg 0% 0% / 30%);
	color: whitesmoke;
	margin: 0px;
	height: 75px;
	/* min-height: 75px; */
	border-radius: 8px;
	/* width: 100%; */
}

section#content-slider article p:empty {
	display: unset;
}

/*#endregion content slider */
/*#region content-groups */
section#content-groups {
	--figure-width: 200px;
	--figure-height: calc(var(--figure-width) * (9 / 16));
	/* --figure-height: calc( var(--figure-width) * (3/4)); */
	margin-top: 32px;
}

section#content-groups * {
}

section#content-groups > h2 {
	margin: 0px 0px 16px 0px;
	border-bottom: 1px solid hsl(0deg 0% 0% / 5%);
	color: hsl(33 99% 51% / 1);
	font-family: var(--heading-font-family);
	font-size: 1.25rem;
	font-family: helvetica;
	font: bold 1.35rem/1.5 Helvetica;
}

section#content-groups > section {
	margin-bottom: 16px;
	padding-bottom: 16px;
	/* padding-top: 16px; */
}

section#content-groups > section + section {
	border-top: 1px solid hsl(0deg 0% 0% / 9%);
	padding-top: 32px;
}

section#content-groups > section > a > h2 {
	color: hsl(240 57% 55% / 1);
	/* color: hsl(33 99% 21% / 1); */
	font-family: var(--heading-font-family);
	font-size: 1.15rem;
	font: bold 1.25rem/1.5 Helvetica;
	margin: 0px 0px 2px 0px;
}

section#content-groups > section > p {
	color: hsl(240 27% 40% / 1);
	/* color: hsl(33 99% 21% / 1); */
	font-size: 1.01rem;
	line-height: 1.6rem;
	margin: 0px;
}

section#content-groups > section > a > figure {
	float: right;
	clear: left;
	max-width: 160px;
	border-radius: 4px;
	margin: 0px 0px 0px 16px;
}

section#content-groups > section > a > figure img {
	max-width: inherit;
	border-radius: inherit;
	-webkit-filter: sepia(0.6) saturate(0.7);
	filter: sepia(0.6) saturate(0.7);
}

section#content-groups nav a > article {
	margin-bottom: 16px;
	padding-bottom: 4px;
	min-height: var(--figure-height);
}

section#content-groups nav a + a > article {
	border-top: 1px solid hsl(0 0% 90% / 1);
}

section#content-groups article h3 {
	font-size: 1.15rem;
	margin: 4px 0px;
	text-decoration: underline;
}

section#content-groups article p {
	font-size: 1rem;
	margin: 4px 0px;
	line-height: 1.74rem;
	padding-top: 7px;
	min-height: var(--figure-height);
}

/*#endregion content-groups */
/*#region default-skin */
body.default-skin {
}

body.default-skin article h2 .editor-tool-box i.icon[id="guest"] {
	display: none !important;
}

/*#endregion default-skin */
/*#region article-skin */
body.article-skin p.buttons {
	position: absolute;
	/* top: 200px !important; */
	top: 200px;
	/* right: 32px !important; */
	right: 32px;
	display: none !important;
	background-color: transparent !important;
	width: 300px;
}

body.article-skin p.buttons.sticky {
	position: sticky;
	bottom: 65px;
}

body.article-skin button.mobile {
	position: static;
	display: none;
	background-color: navy;
	color: white;
	font-size: 1rem !important;
	font-weight: 600;
	white-space: nowrap;
	margin-bottom: 16px;
}

body.article-skin button.mobile#book {
	top: 120px;
}

body.article-skin button.mobile#directions {
	top: 180px;
}

@media (max-width: 640px) {
	body.article-skin
		> main
		> section[data-module-key]
		> section
		> article
		> :is(p, div, section, h2, h3, ul, ol) {
		padding-left: 16px;
		padding-right: 16px;
	}

	body.article-skin header {
		display: none !important;
	}

	body.article-skin main {
		padding-top: 0px !important;
		margin: 0px !important;
		width: 100% !important;
		/* commented for mobile bottom space*/
		/* margin-bottom: 64px !important; */
	}

	body.article-skin main > section[data-module-key] section > article {
		margin: 0px !important;
	}

	body.article-skin main aside {
		display: none !important;
	}

	body.article-skin
		> main
		> section[data-module-key]
		> section
		> article
		> :is(h2):first-of-type {
		position: absolute;
		background-color: white;
		right: 16px !important;
		left: 16px !important;
		width: auto;
		padding: 8px 16px;
		border-radius: 8px;
		z-index: 100;
	}

	body.article-skin > main > section article h2 {
		font-size: 1.3rem !important;
		line-height: 1.7rem !important;
		/* align-items: center; */
	}

	body.article-skin
		> main
		> section[data-module-key]
		> section
		> article
		> :is(px):first-of-type {
		top: 92px;
		width: 70%;
		left: auto;
		height: auto;
		margin: 0px;
		min-height: unset;
	}

	body.article-skin > main > section article h2 .tool-box {
		display: none;
	}

	body.article-skin p.buttons {
		display: unset !important;
	}

	body.article-skin main article figure {
		height: 350px;
		min-height: auto;
		max-width: 600px;
		max-height: 500px;
	}

	body.article-skin main p.buttons {
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	body.article-skin main button.mobile {
		display: block !important;
	}
}

/*#endregion article-skin */
/*#region poster-skin */
body.poster-skin {
}

body.poster-skin > main > section[data-module-key] > aside {
	display: none !important;
}

body.poster-skin > main > section[data-module-key] > section > article {
	position: relative;
	width: 100%;
}

body.poster-skin > main > section[data-module-key] > section > article > h2 {
	top: 16px;
	right: 16px;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	min-height: unset;
}

body.poster-skin
	> main
	> section[data-module-key]
	> section
	> article
	> :is(h2, h3)
	> .tool-box {
	display: none !important;
}

body.poster-skin
	> main
	> section[data-module-key]
	> section
	> article
	> figure {
	height: auto;
	width: 100%;
	/* height: 500px !important; */
}

@media (max-width: 640px) {
	body.poster-skin > main > section[data-module-key] > section > article {
		margin-top: 0px !important;
	}

	body.poster-skin
		> main
		> section[data-module-key]
		> section
		> article
		> :is(h3, p) {
		margin-right: 8px;
		margin-left: 16px;
	}

	body.poster-skin
		> main
		> section[data-module-key]
		> section
		> article
		> h2 {
		font-size: 1.3rem !important;
		line-height: 1.8rem !important;
		margin: 0px;
		width: 80%;
	}

	body.poster-skin
		> main
		> section[data-module-key]
		> section
		> article
		> figure {
		overflow-y: visible;
		max-height: unset;
		max-width: 600px;
	}

	body.poster-skin > main {
		width: 100% !important;
	}

	body.poster-skin > main > section {
		width: 100% !important;
	}
}

/*#endregion poster-skin */
/*#region mobile styles */
button.mobile {
	position: absolute;
	top: 60px;
	right: 10px;
	background-color: navy;
	color: white;
	font-size: 1rem !important;
	font-weight: 600;
	width: auto;
	white-space: nowrap;
}

button.mobile#book {
	top: 130px;
}

button.mobile#more {
	top: 200px;
}

p.buttons {
	position: absolute;
	top: 36px !important;
	right: 0px !important;
	display: none;
	background-color: transparent !important;
	width: auto;
	left: auto;
}

/*#endregion mobile styles */
/*#region #spin-freeze */
dialog#spin-freeze {
	width: 64px;
	height: 54px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background-color: transparent;
	/* background-color: hsl(0deg 0% 0% / 25%); */
	-webkit-box-shadow: none;
	box-shadow: none;
	border: unset;
}

dialog#spin-freeze:before {
	font-family: "FontAwesome Solid" !important;
	content: "\f110";
	font-size: 64px;
	position: absolute;
	color: hsl(0deg 0% 100%);
	-webkit-animation: fa-spin 2s infinite linear;
	animation: fa-spin 2s infinite linear;
	-o-animation: fa-spin 2s infinite linear;
	-moz-animation: fa-spin 2s infinite linear;
	opacity: 1;
}

dialog#spin-freeze::-webkit-backdrop {
	background-color: hsl(0deg 0% 0% / 25%);
}

dialog#spin-freeze::backdrop {
	background-color: hsl(0deg 0% 0% / 25%);
}

/*#endregion #spin-freeze */
.toggle-mobile .mobile {
	display: none;
}

.flex-container,
section.tab-control,
section.tab-control > section,
section.tab-control > section > div {
	flex: 2 0 100%;
	display: flex;
	flex-direction: column;
}

section.tab-control > nav {
	display: flex;
	align-items: center;
	justify-content: right;
	flex-direction: row;
}

section.tab-control > section > div {
	display: none;
}

section.tab-control > section > div.focus {
	display: flex;
}

section.tab-control > nav > div {
	padding: 4px 8px;
	cursor: pointer;
}

section.tab-control > nav > div.focus {
	color: blue;
	pointer-events: none;
}

dialog.fill-mobile-screen * {
}

@media (max-width: 640px) {
	dialog.control > div.header > div.text {
		font-size: 1.3rem;
	}

	dialog.fill-mobile-screen * {
	}

	.toggle-mobile .mobile {
		display: block;
	}

	.toggle-mobile .desktop {
		display: none !important;
	}

	div.trait-drop-control > div.button {
		min-height: 40px !important;
		height: 40px !important;
		min-width: 32px !important;
		max-height: unset !important;
	}

	div.trait-drop-control > div.button:before {
		font-size: 20px !important;
	}

	dialog.fill-mobile-screen {
		-webkit-box-shadow: none;
		box-shadow: none;
		min-width: unset !important;
		max-height: 100% !important;
		max-width: 100% !important;
		/* height: -webkit-fill-available !important; */
		width: -webkit-fill-available !important;
		height: -moz-available !important;
		width: -moz-available !important;
		/* height: 650px !important; */
		border-radius: 0px !important;
		margin: 0px !important;
		bottom: 0px !important;
		height: auto !important;
	}

	dialog.fill-mobile-screen > div.footer button {
		padding: 12px 16px 12px 16px;
		font-size: 1.3rem;
		margin: 4px 4px;
		height: auto;
	}

	dialog.control.is-modal.fit-height-content {
		/* min-height: 400px !important; */
		/* height: 400px !important; */
		height: fit-content;
	}

	dialog.control.confirm-dialog {
		min-height: -webkit-fit-content !important;
		min-height: -moz-fit-content !important;
		min-height: fit-content !important;
		min-height: 180px !important;
	}

	dialog.control.confirm-dialog > div.body div.text {
		-webkit-box-flex: 1;
		-ms-flex: 1 0;
		flex: 1 0;
	}
}

/*#region contrast-theme */
dialog.control.contrast-theme {
	--header-background-color: var(--header-contrast-background-color);
}

dialog.control.contrast-theme > .header {
	background-color: var(--header-contrast-background-color) !important;
}

dialog.control.contrast-theme > .header * {
	color: var(--header-contast-foreground-color);
}

/*#endregion contrast-theme */
/*#region white-theme */

dialog.white-theme {
	--header-foreground-color: black;
	--header-background-color: transparent !important;
	--button-color: hsl(240 50% 50% / 1);
	--button-border-color: hsl(0 0% 86% / 1);
	--button-bg-color: white;
	--button-background-color: white;
	--button-hover-bg-color: hsl(0 0% 98% / 1);
	--dialog-background-color: white;
	--master-background-color:hsl(0deg 0% 0% / 2%);
	border-radius: 4px;
}

dialog.control.white-theme .master-detail > .master {
	background-color: var(--master-background-color) !important; 
	color: rgb(64 64 64);
}

dialog.control.white-theme .master .menu-items-4yD6hik9i > * > div.selected {
	background-color: hsl(0deg 0% 95% / 86%);
}

dialog.control.white-theme .master .menu-items-4yD6hik9i > * > div:hover {
	border-left-color: coral;
}

dialog.control.white-theme .master .menu-items-4yD6hik9i > * > div:active {
	background-color: hsl(157 41% 87% / 1);
}

dialog.white-theme.warning {
	--header-background-color: hsl(45 100% 75% / 1);
}

dialog.white-theme.control.modal-dialog {
	background-color: hsl(233 100% 100% / 1) !important;
}

dialog.control.white-theme > div.footer {
	background-color: rgb(0 0 0 / 1%);
	border-top-color: hsl(0deg 0% 0% / 2%);
	justify-content: space-between;
}

dialog.white-theme :is(input, button) {
	height: 40px;
	border-radius: 8px;
}

dialog.white-theme button {
	-webkit-box-shadow: unset;
	box-shadow: unset;
	border-radius: 8px;
	padding: 8px 16px;
	font-weight: 500;
	border: 1px solid var(--button-border-color);
	background-color: black;
	color: white;
}

dialog.white-theme button:is(.loading, .fetching) {
	--bg-color: hsl(218 59% 80% / 1);
	--bg-2color: hsl(218 59% 95% / 1);
}

dialog.white-theme input {
	padding: 12px 8px;
}

dialog.white-theme button:hover {
	--button-border-color: hsl(0 0% 91% / 1);
	-webkit-box-shadow: unset;
	box-shadow: unset;
	background-color: black !important;
	color: #c1bebe;
}

dialog.white-theme button:active {
	--button-border-color: hsl(0deg 0% 85%);
	background-color: hsl(0deg 0% 98%) !important;
	-webkit-box-shadow: inset 0px 0px 1px 1px hsl(0deg 0% 93%);
	box-shadow: inset 0px 0px 1px 1px hsl(0deg 0% 93%);
	background-color: black !important;
	box-shadow: inset 0px 0px 1px 1px hsl(0deg 1.38% 80%);
}

dialog.white-theme > .header {
	border-bottom: 0.5px inset var(--border-color-darkest);
	padding-left: 8px;
}

dialog.white-theme > div.header > .commands > i {
	color: var(--header-foreground-color);
}

dialog.white-theme > div.header > i#expander {
	color: var(--base-text-color) !important;
	margin-left: 2px;
}

dialog.white-theme > .body {
	border-bottom-right-radius: inherit;
	border-bottom-left-radius: inherit;
}

/*#endregion white-theme */
/*#region dialog */
/*#region modal-panel */
div.dialog-modal-panel,
div.dialog-modal-panel-trans {
	position: fixed;
	height: 100%;
	left: 0px;
	top: 0px;
	bottom: 0px;
	right: 0px;
	background-color: rgba(64, 64, 64, 0.2);
	opacity: 1;
	-webkit-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
	display: none;
}

div.dialog-modal-panel-trans {
	background-color: rgba(0, 0, 0, 0);
}

div.dialog-modal-panel-trans:active {
	background-color: rgba(24, 50, 241, 0.28);
}

div.dialog-modal-panel-trans[class~="extrinsic-hidden"],
div.dialog-modal-panel[class~="extrinsic-hidden"] {
	display: none !important;
}

/*#endregion modal-panel */
dialog.dialog-container {
	bottom: 0px;
	top: 0px;
	right: 0px;
	left: 0px;
	width: auto;
	height: auto;
	margin: 0px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	position: fixed;
	/* height: 100%; */
	/* left: 0px; */
	/* top: 0px; */
	/* bottom: 0px; */
	right: 0px;
	/* bottom: 0px; */
	background-color: rgba(64, 64, 64, 0.15);
	/* background-color: red; */
	/* opacity: 1; */
	/* transition: opacity 0.3s ease-in-out; */
	z-index: 10000;
}

div.dialog-position {
	position: relative;
	margin: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	position: fixed;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

div.dialog {
	background-color: var(--header-background-color);
	border: var(--dialog-border);
	border-radius: var(--dialog-border-radius);
	padding: 0px;
	-webkit-box-shadow: 0px 1px 3px 2px rgb(155 154 154 / 49%);
	box-shadow: 0px 1px 3px 2px rgb(155 154 154 / 49%);
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	opacity: 0;
	top: auto;
	bottom: auto;
	left: auto;
	right: auto;
	min-width: 300px;
	/* warning:do not remove opacity;*/
	-webkit-transition: width 0.5s ease-in-out, height 0.5s ease-in-out,
		left 0.5s ease-in-out, right 0.5s ease-in-out, top 0.5s ease-in-out,
		opacity 0.3s ease-in-out, bottom 0.5s ease-in-out;
	-o-transition: width 0.5s ease-in-out, height 0.5s ease-in-out,
		left 0.5s ease-in-out, right 0.5s ease-in-out, top 0.5s ease-in-out,
		opacity 0.3s ease-in-out, bottom 0.5s ease-in-out;
	transition: width 0.5s ease-in-out, height 0.5s ease-in-out,
		left 0.5s ease-in-out, right 0.5s ease-in-out, top 0.5s ease-in-out,
		opacity 0.3s ease-in-out, bottom 0.5s ease-in-out;
	position: fixed;
	max-height: 100%;
	max-width: 100%;
}

div.dialog[class~="extrinsic-hidden"] {
	display: none !important;
}

div.dialog:not([class~="size-num"]):not([class~="min-width"]) {
}

div.dialog:not([class~="size-num"]):not([class~="min-height"]) {
}

div.dialog[class~="dock"] {
}

div.dialog[class~="dock"] > h1 > div.closer {
	background: none;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

div.dialog[class~="dock"] div.closer:before {
	font-size: 17px;
}

div.dialog[class~="dock"] > h1 {
	border-bottom: 1px solid rgba(0, 0, 0, 0);
	background-color: rgba(0, 0, 0, 0);
	padding-top: 6px;
	padding-bottom: 6px;
	font: 1rem Roboto, Arial;
	font-weight: 400;
}

div.dialog[class~="dock"][class~="right"] {
	width: 400px !important;
	height: auto !important;
	bottom: 0px !important;
	top: 0px !important;
	right: 0px;
	left: auto;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	right: -500px !important;
	-webkit-transition: unset;
	-o-transition: unset;
	transition: unset;
	-webkit-transition: right 1s ease-out;
	-o-transition: right 1s ease-out;
	transition: right 1s ease-out;
	opacity: 1;
}

div.dialog[class~="dock"][class~="right"][class~="pop"] {
	right: 0px !important;
}

@media only screen and (max-width: 400) {
	div.dialog {
		width: auto !important;
		height: auto;
		bottom: 0px;
		top: 0px;
		right: 0px;
		left: 0px;
	}

	div.dialog[class~="dock"] {
		max-width: 375px;
	}
}

div.dialog > div.body .editor-buttons-container {
	position: absolute !important;
	bottom: 10px;
	width: auto;
	left: 0px;
	right: 0px;
	/* padding-left: 25px; */
	/* margin-right: 13px; */
	margin: 0px;
	background-color: white;
	padding: 15px 30px 10px 30px;
	border-top: 1px solid rgba(225, 225, 225, 0.8);
	-webkit-box-shadow: 0px -1px 1px 1px rgba(205, 205, 205, 0.05);
	box-shadow: 0px -1px 1px 1px rgba(205, 205, 205, 0.05);
	min-width: 600px;
	display: none !important;
}

div.dialog > div.body .editor-buttons-container div.auto-close-option {
	color: rgba(25, 25, 25, 0.7);
	float: right;
}

div.dialog > div.tool-bar > div.tabs {
	margin: 0px !important;
	background-color: white;
	border-bottom: 1px solid rgba(128, 128, 128, 0.5);
	/* line-height: 0px; */
	/* font-size: 0px; */
	-webkit-box-shadow: 0px 1px 1px 1px rgba(224, 224, 224, 0.1);
	box-shadow: 0px 1px 1px 1px rgba(224, 224, 224, 0.1);
	-webkit-box-shadow: 0px 2px 1px 1px rgba(224, 224, 224, 0.5),
		0px 4px 2px -2px rgba(224, 224, 224, 0.5);
	box-shadow: 0px 2px 1px 1px rgba(224, 224, 224, 0.5),
		0px 4px 2px -2px rgba(224, 224, 224, 0.5);
	/* height: 60px; */
}

div.dialog > div.tool-bar > div.tabs > div {
	display: inline-block;
	padding: 10px 20px 10px 20px !important;
	border: 0px !important;
	/* border-bottom: 1px solid transparent!important; */
	border-right: 1px solid rgb(220, 220, 220) !important;
	border-radius: 0px !important;
	margin: 0px !important;
	font: 14px Roboto, Arial;
	color: rgb(152, 152, 152);
	cursor: pointer;
	-webkit-box-shadow: 0px 1px 1px 1px rgba(255, 255, 255, 0);
	box-shadow: 0px 1px 1px 1px rgba(255, 255, 255, 0);
	border-bottom: inherit;
}

div.dialog > div.tool-bar > div.tabs > div:hover {
	background-color: rgb(253, 253, 253);
}

div.dialog > div.tool-bar > div.tabs > div.selected {
	/* border-bottom: 1px solid rgb(252, 212, 88)!important; */
	/* padding-bottom: 24px!important; */
	background-color: rgb(241, 241, 241);
	background-color: rgba(0, 0, 0, 0.04);
	color: rgb(51, 51, 51) !important;
	cursor: default;
	/* box-shadow: 0px 1px 1px 1px rgba(224, 224, 224, 0.5); */
	-webkit-box-shadow: inset 0px 0px 1px 2px rgba(224, 224, 224, 0.1),
		0px 1px 1px 1px rgba(224, 224, 224, 0.1);
	box-shadow: inset 0px 0px 1px 2px rgba(224, 224, 224, 0.1),
		0px 1px 1px 1px rgba(224, 224, 224, 0.1);
	-webkit-box-shadow: inset -1px 0px 1px 1px rgba(224, 224, 224, 0.1),
		inset 1px 0px 1px 1px rgba(224, 224, 224, 0.1),
		0px 2px 1px -1px rgba(254, 254, 254, 0.3);
	box-shadow: inset -1px 0px 1px 1px rgba(224, 224, 224, 0.1),
		inset 1px 0px 1px 1px rgba(224, 224, 224, 0.1),
		0px 2px 1px -1px rgba(254, 254, 254, 0.3);
	border-bottom: 1px solid rgba(128, 128, 128, 0.2);
	/*padding: 10px 20px 12px 20px!important;*/
}

div.dialog > div.body div.form-v,
div.dialog > div.body div.form-h {
	/* margin-bottom: 30px !important; */
}

div[class~="dialog"][class~="pop"] {
	opacity: 1;
}

div[class~="dialog"][class~="dragging"] {
	-webkit-transition: unset;
	-o-transition: unset;
	transition: unset;
}

div[class~="dialog"][class~="size-fill"][class~="verb-width"] {
	width: 100% !important;
}

div[class~="dialog"][class~="size-fill"][class~="verb-height"] {
	height: 96% !important;
}

div[class~="dialog"][class~="size-content"][class~="verb-height"] {
	height: auto !important;
}

div[class~="dialog"][class~="size-content"][class~="verb-width"] {
	width: auto !important;
}

div.form[class~="dialog"] {
	border-radius: 4px;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	border: 0px;
	/* position: absolute; */
}

div.dialog-modal-panel + div[class~="dialog"] {
	-webkit-box-shadow: 0px 0px 11px 5px rgba(128, 128, 128, 0.7);
	box-shadow: 0px 0px 11px 5px rgba(128, 128, 128, 0.7);
	-webkit-box-shadow: 0px 0px 4px 2px rgba(128, 128, 128, 0.5);
	box-shadow: 0px 0px 4px 2px rgba(128, 128, 128, 0.5);
}

div[class~="dialog"]::-webkit-scrollbar {
	width: 12px;
	background-color: rgb(244, 244, 244);
	background-color: rgba(253, 253, 253, 0.1);
}

div[class~="dialog"]::-webkit-scrollbar-thumb {
	background-color: rgba(224, 224, 224, 0.1);
	-webkit-box-shadow: inset 0 0 3px rgba(152, 152, 152, 0.5);
	box-shadow: inset 0 0 3px rgba(152, 152, 152, 0.5);
	/* border-radius: 5px; */
	/* transition: visibility 0.9s ease-in-out;*/
	visibility: hidden;
}

div[class~="dialog"]:hover::-webkit-scrollbar-thumb {
	visibility: visible;
}

div[class~="dialog"]::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 1px rgba(152, 152, 152, 0.3);
	box-shadow: inset 0 0 1px rgba(152, 152, 152, 0.3);
	/* border-radius: 5px; */
	background-color: rgba(253, 253, 253, 0.1);
	visibility: hidden;
}

div[class~="dialog"]:hover::-webkit-scrollbar-track {
	visibility: visible;
}

div[class~="dialog"] form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 2;
	-ms-flex-positive: 2;
	flex-grow: 2;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

div[class~="dialog"] div#slider {
	position: absolute;
	top: 36px;
	height: 2px;
	width: 100px;
	background-color: rgb(255, 255, 0);
	background: -webkit-gradient(
		linear,
		0% 50%,
		5% 50%,
		from(rgba(0, 0, 0, 0)),
		to(rgb(255, 255, 0))
	);
	left: -200px;
}

@-webkit-keyframes dialog-progress-bar-slide {
	from {
		left: -100px;
		width: 100px;
	}

	to {
		left: 95%;
		width: 5%;
	}
}

@keyframes dialog-progress-bar-slide {
	from {
		left: -100px;
		width: 100px;
	}

	to {
		left: 95%;
		width: 5%;
	}
}

div[class~="dialog"] div#slider.on {
	animation: dialog-progress-bar-slide 4s linear infinite;
	-webkit-animation: dialog-progress-bar-slide 4s linear infinite;
	-moz-animation: dialog-progress-bar-slide 4s linear infinite;
	-o-animation: dialog-progress-bar-slide 4s linear infinite;
}

div[class~="dialog"] > h1 > div.closer {
	background-image: url(/graphics/web/icon/close-32.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	cursor: pointer;
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
	-webkit-box-ordinal-group: 11;
	-ms-flex-order: 10;
	order: 10;
	/* padding: 0px; */
}

div[class~="view-theme-001"] div[class~="dialog"] > h1 > div.closer,
div[class~="dialog"] > h1 > div.closer {
	background: none;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	/* position: absolute; */
	/* right: 0px; */
	/* top: 5px; */
	cursor: pointer;
	opacity: 0.1;
	-webkit-transition: opacity 0.7s ease-in-out;
	-o-transition: opacity 0.7s ease-in-out;
	transition: opacity 0.7s ease-in-out;
}

[class~="view-theme-001"] div[class~="dialog"] > h1 > div.closer:before,
div[class~="dialog"] > h1 > div.closer:before {
	font-family: fontellov0;
	content: "\e800";
	font-size: 24px;
	color: gray;
	/* line-height: 1px; */
}

div[class~="dialog"]:hover > h1 > div.closer {
	opacity: 0.6;
}

div[class~="dialog"] > h1 > div.closer:hover {
	background-position: 0px -32px;
}

div[class~="dialog"] > img.progress {
	position: absolute;
	right: 13px;
	top: 3px;
}

/*
 * http://www.midwinter-dg.com/permalink-7-great-css-based-text-effects-using-the-text-shadow-property_2011-03-03.html
 */
div[class~="dialog"] > h1 {
	text-shadow: -1px 1px 0px rgba(244, 242, 242, 0.88);
	margin: 0px 0px 0px 0px;
	padding: 8px 20px 8px 16px;
	font: 16px Roboto, Arial;
	color: rgb(102, 102, 102);
	border-bottom: 1px solid rgba(181, 189, 204, 0.35);
	overflow-x: hidden;
	overflow-y: hidden;
	background-color: rgb(250, 250, 250);
	background-color: rgba(0, 0, 0, 0.02);
	border-top-left-radius: inherit;
	border-top-right-radius: inherit;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

div[class~="dialog"] > h1 > .text {
	text-shadow: -1px 1px 0px rgba(244, 242, 242, 0.88);
	font-weight: 500;
	font-size: 1.09rem;
}

[class~="view-theme-001"] div[class~="dialog"] > h1,
div[class~="dialog"][class~="view-theme-001"] > h1 {
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	font-weight: 500;
	color: rgb(102, 102, 102);
	border-bottom: 1px solid rgba(0, 0, 0, 0.03);
	position: relative;
	overflow-x: hidden;
	overflow-y: hidden;
	background-color: rgba(0, 0, 0, 0.01);
	/* z-index: -1; */
	border-top-left-radius: inherit;
	border-top-right-radius: inherit;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

[class~="view-theme-001"] div[class~="dialog"] > h1 > .text,
div[class~="dialog"][class~="view-theme-001"] > h1 > .text {
	font: 17px Roboto, Arial;
	font-weight: 500;
	color: rgb(102, 102, 102);
	text-shadow: -1px 1px 0px rgba(244, 242, 242, 0.88);
}

div.dialog > h1 > div.menu-container {
	font-weight: normal;
	border: none;
	display: block;
	text-shadow: none;
	position: static;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	margin-right: 25px;
}

div.dialog > h1 > div.menu-container * {
	font-size: 17px;
	margin: 0px !important;
	padding: 0px !important;
}

div.dialog > h1 > div.menu-container > * {
	margin-left: 10px !important;
}

div.dialog > h1 > div.menu-container > div {
	margin-left: 10px;
	cursor: pointer;
	color: gray;
}

div.dialog > h1 > div.menu-container > div:hover {
	color: blue;
}

div.dialog > div.body {
	background-color: rgba(255, 255, 255, 0.7);
	color: rgb(102, 102, 102);
	overflow-y: auto;
	overflow-x: hidden !important;
	position: static;
	padding: 0px;
	margin: 0px;
	min-height: 50px;
	-webkit-box-flex: 2;
	-ms-flex-positive: 2;
	flex-grow: 2;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	/* display: block; */
	border-bottom-right-radius: inherit;
	border-bottom-left-radius: inherit;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

div.dialog > div.body div.content-view {
	position: static !important;
}

div.dialog > div.body > div.loading-screen {
	padding: 70px;
	text-align: center;
	vertical-align: middle;
	display: block;
	margin: 40px auto;
	font-size: 16px;
	background-image: url("/graphics/web/processing.gif");
	background-repeat: no-repeat;
	background-position: center 10px;
}

div.dialog > div.body > img.progress {
	margin: 10px auto 10px 50%;
}

div.dialog > div.body div.menu {
	position: absolute;
	top: 4px;
	right: 19px;
}

div.dialog > div.body div.menu > div {
	margin-left: 10px;
	color: blue;
	cursor: pointer;
	font-size: 12px;
	display: inline-block;
}

div.dialog > div.body div.menu > .spinner,
div.dialog > div.body div.menu > .spin {
	display: inline-block;
	background-image: url(/graphics/web/loading-16.gif) !important;
	background-position: top left !important;
	background-repeat: no-repeat !important;
	height: 16px;
	width: 16px;
	margin-right: 3px;
	position: absolute;
	left: -30px;
	bottom: 1px;
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}

div.dialog > div.body div.menu > .spin {
	opacity: 1;
}

div.dialog > div.tool-bar {
	background-color: rgb(236, 232, 232);
	z-index: 111000;
	/* height: 60px; */
	display: block;
}

div.dialog > div.foot-bar {
	background-color: rgb(255, 255, 255);
	border-top: 1px solid rgba(225, 225, 225, 0.5);
	/* padding: 5px; */
	/* padding-left: 5px; */
	/* padding-right: 15px; */
	background-color: rgb(243, 243, 243);
	border-top: 1px solid rgba(225, 225, 225, 0.5);
	border-radius: inherit;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	/* display: flex; */
	/* flex-direction: row; */
	/* position: absolute; */
	/* bottom: 0px; */
	/* right: 0px; */
	/* left: 0px; */
	/* height: auto; */
}

div.dialog > div.foot-bar > * {
	margin: 10px;
}

div.dialog > div.foot-bar > input[type="button"] {
	font-size: 0.95rem;
	padding-top: 8px !important;
	padding-bottom: 9px !important;
	border-radius: 7px;
	/* background-color: blue; */
}

div.dialog > div.tool-bar:empty,
div.dialog > div.foot-bar:empty {
	border-top-color: transparent;
	background-color: transparent;
	overflow: hidden;
	display: none;
}

div.dialog > div.body,
div.dialog > div.foot-bar,
div.dialog > div.status-bar {
	background-color: rgba(255, 255, 255, 0.95) !important;
}

div.dialog > div.foot-bar > div.commands {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	/* margin: 5px; */
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	justify-items: flex-start;
	width: 100%;
	/* overflow-x: hidden; */
	/* overflow-y: visible; */
	width: -webkit-fill-available;
	/* display: none; */
}

div.dialog > div.foot-bar > div.commands:before,
div.dialog > div.foot-bar > div.commands:after {
	/* content: "\0020"; */
	/* display: block;*/
	/*height: 0;*/
	/* visibility: hidden;*/
}

div.dialog > div.foot-bar > div.commands:after {
	/* clear: both;*/
}

div.dialog > div.foot-bar > div.commands > input[type="button"] {
	/* background-color: rgb(246, 246, 255); */
	border: 1px solid rgba(206, 206, 213, 0.9);
	-webkit-box-shadow: 0px 0px 1px 0px rgba(114, 116, 136, 0.7);
	box-shadow: 0px 0px 1px 0px rgba(114, 116, 136, 0.7);
	/* color: rgba(0, 0, 0, 0.7); */
	font-weight: 400;
	margin: 0px;
	margin-left: 15px;
	border-radius: 6px;
	cursor: pointer;
	font-size: 15px !important;
	/* font-weight: 500; */
	padding: 16px;
	padding-top: 10px;
	padding-bottom: 10px;
	-webkit-box-ordinal-group: 6;
	-ms-flex-order: 5;
	order: 5;
}

div.dialog > div.foot-bar > div.commands > input[type="button"]:active {
	-webkit-box-shadow: inset 0px 0px 1px 1px rgba(232, 233, 241, 0.82);
	box-shadow: inset 0px 0px 1px 1px rgba(232, 233, 241, 0.82);
	background-color: rgba(241, 241, 244, 0.7);
}

div.dialog > div.foot-bar > div.commands > input.delete {
	-webkit-box-ordinal-group: 5;
	-ms-flex-order: 4;
	order: 4;
}

div.dialog > div.foot-bar > div.commands > input.cancel,
div.dialog > div.foot-bar > div.commands > input.close {
	margin-left: 0px;
	-webkit-box-ordinal-group: 0;
	-ms-flex-order: -1;
	order: -1;
}

div.dialog > div.foot-bar > div.commands > div.auto-close-option {
	color: rgba(25, 25, 25, 0.5);
	margin-right: 10px;
	margin-left: 10px;
	cursor: default;
	-webkit-box-ordinal-group: 5;
	-ms-flex-order: 4;
	order: 4;
	white-space: nowrap;
	-webkit-box-flex: 2;
	-ms-flex-positive: 2;
	flex-grow: 2;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

div.dialog > div.foot-bar > div.commands > div.auto-close-option > span {
	color: rgba(0, 0, 0, 0.7);
}

div.dialog > div.status-bar {
	height: 25px;
	background-color: rgb(255, 255, 255);
	border-top: 1px solid rgba(225, 225, 225, 0.5);
	-webkit-transform-origin: left bottom 0px;
	-ms-transform-origin: left bottom 0px;
	transform-origin: left bottom 0px;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
	display: block;
}

div.dialog > div.status-bar:empty {
	height: 0px;
	opacity: 0;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	display: none;
}

div.dialog[class~="smart-dialog"] {
	border-radius: 9px;
}

div.dialog[class~="smart-dialog"] > h1 {
	padding: 5px 20px 0px 10px;
	border: 0px !important;
	background-color: white;
}

div.dialog[class~="smart-dialog"] > h1 > div.closer:before {
	font-family: fontellov0;
	content: "\e800";
	font-size: 18px;
	color: gray;
}

div.dialog[class~="smart-dialog"] > h1 .text {
	font-size: 0.95rem;
	font-weight: 400;
}

div.dialog[class~="smart-dialog"] > h1 > div.menu-container > div {
	font-size: 0.95rem;
}

@media only screen and (max-width: 640px) {
	div.dialog > h1 > div.menu-container {
		margin-right: 40px;
	}

	div[class~="dialog"] > h1 > div.closer {
		background: none;
		background-repeat: no-repeat;
		background-position: 0px 0px;
		position: absolute;
		right: 6px;
		top: 0px;
		cursor: pointer;
		opacity: 0.1;
		line-height: 52px;
		-webkit-transition: opacity 0.7s ease-in-out;
		-o-transition: opacity 0.7s ease-in-out;
		transition: opacity 0.7s ease-in-out;
	}

	div[class~="dialog"] > h1 > div.closer:before {
		font-family: fontellov0;
		content: "\e800";
		font-size: 40px;
		color: gray;
		/* line-height: 0px; */
	}

	div.dialog > div.foot-bar > div.commands {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		/* margin: 15px; */
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		justify-items: flex-start;
		width: -webkit-fill-available;
	}

	div.dialog > div.foot-bar > div.commands > input[type="button"] {
		margin: 0px;
		margin-left: 15px;
		cursor: pointer;
		padding: 10px !important;
		-webkit-box-ordinal-group: 6;
		-ms-flex-order: 5;
		order: 5;
		font-size: 1.3rem !important;
		font-weight: 500;
		border-radius: 7px;
		padding-top: 11px !important;
		padding-bottom: 11px !important;
	}

	div.dialog > div.foot-bar > div.commands > input.cancel,
	div.dialog > div.foot-bar > div.commands > input.close {
		display: none !important;
	}

	div.dialog > div.foot-bar > div.commands > div.auto-close-option > span {
		font-size: 1.05rem !important;
	}
}

/*#endregion dialog */
/*#region ads */
section#dynamic-ads {
}

body > header section#dynamic-ads {
	display: none !important;
}

body > header section#dynamic-ads {
	background-color: hsl(150 100% 99% / 1);
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}

body > header section#dynamic-ads * {
	font-size: 1.2rem;
}

body > header section#dynamic-ads *.hyper-link {
	color: mintcream;
	padding: 8px;
}

body > header section#dynamic-ads.pop {
	height: var(--header-ad-height);
	width: 100%;
	background-color: #536385;
	/* width: 500px; */
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	position: absolute;
	top: 0px;
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
}

body > header:has(> section[data-module-key] > section#dynamic-ads.pop) {
	top: var(--header-ad-height);
}

body:has(> header > section[data-module-key] > section#dynamic-ads.pop) {
	/* --header-height: calc(var(--header-height) + var(--header-ad-height) );  */
}

body:has(> header > section[data-module-key] > section#dynamic-ads.pop) > main {
	margin-top: calc(var(--header-height) + var(--header-ad-height)) !important;
}

body > main section.front-panel section#dynamic-ads {
	background-color: aqua !important;
}

body > main section.front-panel #front-article section#dynamic-ads {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100px;
	height: 100px;
	background-color: red !important;
}

@media (max-width: 640px) {
	body > header section#dynamic-ads {
	}

	body:has(header > #dynamic-ads) > main {
		/* margin-top: 82px !important; */
	}
}

/*#endregion ads */
/*#region smart-label */
div.smart-label {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	/* z-index: 100; */
	--input-border-color: hsl(0 0% 80% / 1) !important;
	--control-width: 100%;

	& div[data-item-not-persisted] {
		opacity: 0.3;
		color: red;
	}

	> div:has(label) {
		> div {
			width: -webkit-fill-available;
			border-radius: 8px;
			border: 1px solid var(--input-border-color);
			> .rows {
				display: flex;
				flex-direction: column;
			}
		}
	}

	& *:has(> .space-between) {
		--space-between: 8px;
	}

	& div.space-between {
		display: flex;
		align-items: center;
		> * {
			margin-right: var(--space-between);
		}
	}
}

div.smart-label :is(input, textarea, select) {
	width: var(--control-width);
}

div.smart-label > .description {
	color: var(--text-color-lighter);
	position: relative;
	font-size: 0.97rem;
	line-height: 1.3rem !important;
	padding-right: 16px;
}

div.smart-label > .description > div {
	position: fixed;
	-webkit-transform: translate(105%, 10%);
	-ms-transform: translate(105%, 10%);
	transform: translate(105%, 10%);
	background-color: hsl(60 80% 90% / 1);
	padding: 8px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 0.87rem;
	max-width: 300px;
	max-height: 800px;
	width: 300px;
	line-height: 1.2rem !important;
	opacity: 0;
	-webkit-transition: opacity 0.3s linear;
	-o-transition: opacity 0.3s linear;
	transition: opacity 0.3s linear;
}

div.smart-label > .description > i {
	position: absolute;
	right: 0px;
	top: 0px;
}

div.smart-label > .description > i:hover + div {
	/* display:block; */
	opacity: 1;
}

div.smart-label > .description > i:before {
	font-family: "FontAwesome Solid";
	content: "\f05a" !important;
	font-size: 21px;
	font-size: inherit;
	line-height: unset;
	color: hsl(240deg 100% 50% / 50%);
	font-style: normal;
}

div.smart-label.fetching {
	pointer-events: none;
	cursor: progress !important;
	position: relative;
	user-select: none;
	overflow: hidden;
}

div.smart-label.fetching:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 110;
	background-color: hsl(0deg 0% 100% / 32%);
	pointer-events: none;
	user-select: none;
}

div.smart-label.fetching:after {
	content: "";
	background-image: url(/graphics/web/ani/processing.gif);
	background-repeat: no-repeat !important;
	background-position: 50% 50% !important;
	background-blend-mode: darken;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 100;
}

.smart-label summary {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 1rem;
	padding: 16px 8px;
}

.smart-label summary > span {
	margin: 0px;
	padding: 0px;
	font-size: 1rem;
}

.smart-label summary > span + span {
}

.smart-label summary > span + span:not(:empty):before {
	content: ", ";
	margin: 0px;
}

div.smart-label > section,
div.smart-label > section > div,
div.smart-label > div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	line-height: 1.8rem !important;
	color: var(--text-color-light);
	/* patch */
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	/* end patch */
	margin-top: 16px;
}

div.smart-label div#commands {
	flex-direction: row !important;
	align-items: center;
}

div.smart-label div#commands > :is(data, div) {
	display: flex;
	flex-direction: row !important;
	align-items: center;
}

div.smart-label > div:has(> div.hyper-link) {
	flex-direction: row;
}

@media (max-width: 640px) {
	div.smart-label > section,
	div.smart-label > section > div,
	div.smart-label > div {
		line-height: 2rem !important;
		font-size: 1.4rem;
	}
}

div.smart-label > section + section,
div.smart-label > section + div,
div.smart-label > section > div + div,
div.smart-label > div + div {
	margin-top: 16px;
}

div.smart-label > section > div,
div.smart-label > section > div > div,
div.smart-label > div > div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

div.smart-label .text-break {
	/* margin: 8px 0px; */
	margin-top: 16px !important;
	margin-bottom: 0px !important;
	font-weight: 600;
	font-size: 1.3rem;
	padding-left: 64px;
	position: relative;
}

div.smart-label .text-break input {
	visibility: hidden;
	width: 0px;
	height: 0px;
}

div.smart-label div:has(> div > button),
div.smart-label div > div:has(button) {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.smart-label div input::-webkit-input-placeholder {
	font-family: inherit !important;
	color: hsl(0 0% 80% / 1) !important;
	font-weight: 400;
	font-style: normal !important;
}

.smart-label div input::-moz-placeholder {
	font-family: inherit !important;
	color: hsl(0 0% 80% / 1) !important;
	font-weight: 400;
	font-style: normal !important;
}

.smart-label div input:-ms-input-placeholder {
	font-family: inherit !important;
	color: hsl(0 0% 80% / 1) !important;
	font-weight: 400;
	font-style: normal !important;
}

.smart-label div input::-ms-input-placeholder {
	font-family: inherit !important;
	color: hsl(0 0% 80% / 1) !important;
	font-weight: 400;
	font-style: normal !important;
}

.smart-label div input::placeholder {
	font-family: inherit !important;
	color: hsl(0 0% 80% / 1) !important;
	font-weight: 400;
	font-style: normal !important;
}

.smart-label div:has(> :is(input, select) + label) {
	position: relative;
	padding-top: 16px;
}

.smart-label > div > :is(input, select, textarea, data, div) {
	padding-top: 16px;
}

.smart-label > div:has(label) > :is(div, data) {
	width: -webkit-fill-available;
	border-radius: 8px;
	border: 1px solid var(--input-border-color);
}

.smart-label > div > :is(input, select, data, div) {
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 16px;
	height: auto;
}

.smart-label > div > :is(data) {
	/* padding-left: 4px; */
	padding-top: 16px;
}

.smart-label > div > :is(data) > input[type="checkbox"] + span {
	margin-left: 8px;
}

.smart-label div > textarea {
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 16px;
}

.smart-label div > select {
	padding-top: 9px;
	padding-bottom: 5px;
}

.smart-label div > :is(input, select) + i[class*="fa-"] {
	margin-left: 16px;
	cursor: pointer;
}

.smart-label div > :is(input, select) + i[class*="fa-"]:active {
	color: red;
}

.smart-label div > :is(input, select, textarea, data, div) ~ label {
	position: absolute;
	left: 8px;
	top: 6px;
	background-color: white;
	color: cornflowerblue;
	font-size: 0.99rem;
	font-weight: 500;
	letter-spacing: 0.03rem;
	padding: 0px 4px;
	line-height: normal;
}

.smart-label div label:has(> span) {
	background-color: transparent !important;
	padding-left: 0px;
	top: 2px;
	left: 8px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: -webkit-fill-available;
}

.smart-label div label > span {
	background-color: white !important;
	padding-left: 4px;
	color: inherit;
	flex: 2 0;
}

.smart-label div label > i {
	display: flex;
	padding: 0px 4px;
	font-weight: normal;
	flex: 0 1;
	justify-content: center;
	align-items: center;
	margin-right: 4px;
	background-color: white;
	cursor: pointer;
}

@media (max-width: 640px) {
	.smart-label div label > i {
		margin-right: 12px;
	}

	.smart-label div label > i:before {
		font-size: 32px;
	}
}

.smart-label div label > i:last-child {
	margin-right: 8px;
}

.smart-label div > :is(data) ~ label {
	/* left: 0px; */
}

/*#region new version */
.smart-label div:has(> label) {
	position: relative;
	padding-top: 16px;
	display: flex;
	flex-direction: row;
}

.smart-label div > label {
	/* white-space: nowrap; */
	position: absolute;
	/* overflow-x: hidden; */
	left: 5%;
	top: 0px;
	background-color: white;
	color: cornflowerblue;
	font-size: 0.99rem;
	font-weight: 500;
	letter-spacing: 0.03rem;
	padding: 0px 4px;
	line-height: normal;
	z-index: 10;
	/* max-width: 80%; */
	/* padding-right: 8px; */
	/* patch */
	position: relative;
	left: unset;
	top: unset;
	margin-bottom: 8px;
	/* end patch */
	background-color: transparent;
}

.smart-label div > label:before {
	font-weight: normal;
	font-size: small;
	position: absolute;
	right: -12px;
	top: -1px;
	color: coral;
	z-index: 100;
	cursor: pointer;
}

/*#region mobile */
@media (max-width: 640px) {
	.smart-label div > label {
		font-size: 1.4rem;
	}

	.smart-label div > :is(input, select, textarea, data, button) {
		font-size: 1.5rem;
	}

	.smart-label div > :is(button) {
		font-size: 1.5rem;
		padding: 16px 24px;
		height: auto;
	}

	.smart-label div > :is(input, select, textarea, data) ~ label {
		font-size: 1.3rem;
		top: 0px;
	}

	.smart-label div > :is(data) {
		padding-top: 32px;
	}
}

/*#endregion mobile */
/*#endregion new version */
.smart-label div > div > div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	padding: 4px;
}

.smart-label div > div > div > :is(input, select) + label {
	position: static;
	background-color: transparent;
	padding: 4px 0px 4px 8px;
}

.smart-label button {
	color: hsl(0deg 0% 96.38%);
	/* background-color: hsl(240 60% 51% / 1); */
	padding: 4px 9px;
}

.smart-label div:has(> button) {
	-webkit-box-pack: justify !important;
	-ms-flex-pack: justify !important;
	justify-content: space-between !important;
	width: -webkit-fill-available;
	flex-direction: row;
	align-items: anchor-center;
}

.smart-label button:hover {
	background-color: hsl(240 80% 51% / 1);
}

.smart-label button:active {
	background-color: hsl(240 70% 51% / 1);
	-webkit-box-shadow: inset 0px 0px 8px 2px rgb(0 0 0 / 44%);
	box-shadow: inset 0px 0px 8px 2px rgb(0 0 0 / 44%);
}

/*#region error-box */
.smart-label div.error {
	overflow-y: hidden;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	/* padding: 0px 4px 0px 0px; */
	background-color: var(--theme-color-danger-lighter);
	border-radius: 4px;
	-webkit-transform-origin: top;
	-ms-transform-origin: top;
	transform-origin: top;
	-webkit-transform-style: flat;
	transform-style: flat;
	-webkit-transition: height 0.5s linear, margin 0.5s ease-in-out,
		-webkit-transform 0.5s ease-in-out;
	transition: height 0.5s linear, margin 0.5s ease-in-out,
		-webkit-transform 0.5s ease-in-out;
	-o-transition: height 0.5s linear, transform 0.5s ease-in-out,
		margin 0.5s ease-in-out;
	transition: height 0.5s linear, transform 0.5s ease-in-out,
		margin 0.5s ease-in-out;
	transition: height 0.5s linear, transform 0.5s ease-in-out,
		margin 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
	/* height: 0px !important; */
	-webkit-transform: scale(1, 0);
	-ms-transform: scale(1, 0);
	transform: scale(1, 0);
	margin: 0px;
	position: absolute;
	top: 0px;
	right: 0px;
	left: 0px;
	z-index: 9999999999999999;
	top: 16px;
	z-index: 4;
	bottom: 0px;
	padding: 4px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}

.smart-label div.error > i {
	margin-right: 8px;
	position: absolute;
	right: 0px;
	top: 0px;
}

.smart-label div.error > i:before {
	font-size: 14px;
	opacity: 0.1;
}

.smart-label div.error:hover > i:before {
	opacity: 0.7;
}

.smart-label div.error > div {
	font-size: 0.89rem;
	padding: 8px;
	color: rgb(120 120 120);
}

.smart-label div.error.pop {
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	/* z-index: 999991000; */
	/* height: var(--row-height) !important; */
}

.smart-label div.error:empty {
}

/*#endregion error-box */
/*#endregion smart-label */
/*#region quick-desktop-NJr2Zxb6ll */
dialog#quick-desktop-NJr2Zxb6ll {
	background-color: var(--dialog-background-color);
	position: fixed;
	inset: 0px;
	margin: 1%;
	width: auto;
	height: auto;
	padding: 0px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	max-height: unset;
	max-width: unset;
	> :is(header, footer) {
		background-color: hsl(208 100% 80% / 1);
		-webkit-box-flex: 0;
		-ms-flex: 0 1 40px;
		flex: 0 1 40px;
	}

	> header {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		> div {
			> i {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				-ms-flex-align: center;
				align-items: center;
				-webkit-box-pack: center;
				-ms-flex-pack: center;
				justify-content: center;
				padding: 0px !important;
				cursor: pointer;
				> svg {
					width: 16px !important;
					height: 16px !important;
					stroke: rgb(112 112 112);
					stroke-width: 2px;
					stroke-linecap: round;
					stroke-linejoin: round;
					fill: none;
				}

				margin-left: 8px;
			}

			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			-ms-flex-align: center;
			align-items: center;
		}

		> div#protected {
			-webkit-box-ordinal-group: 1;
			-ms-flex-order: 0;
			order: 0;
		}
	}

	> main {
		-webkit-box-flex: 2;
		-ms-flex: 2 0 auto;
		flex: 2 0 auto;
	}

	> footer {
	}

	& * {
	}
}

dialog#quick-desktop-NJr2Zxb6ll::-webkit-backdrop {
	background-color: hsl(0deg 0% 0% / 22%);
	z-index: 9999999999999;
}

dialog#quick-desktop-NJr2Zxb6ll::backdrop {
	background-color: hsl(0deg 0% 0% / 22%);
	z-index: 9999999999999;
}

/*#endregion quick-desktop-NJr2Zxb6ll */
/*#region ui-desktop-EkZyCiWpex */
dialog#ui-desktop-EkZyCiWpex {
	background-color: var(--dialog-background-color);
	position: fixed;
	inset: 0px;
	margin: 1%;
	/* width: auto; */
	/* height: auto; */
	padding: 0px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	max-height: unset;
	max-width: unset;
	> :is(header, footer) {
		background-color: hsl(204 74% 77% / 1);
		-webkit-box-flex: 0;
		-ms-flex: 0 1 32px;
		flex: 0 1 32px;
	}

	> header {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		> div {
			> i {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				-ms-flex-align: center;
				align-items: center;
				-webkit-box-pack: center;
				-ms-flex-pack: center;
				justify-content: center;
				padding: 0px !important;
				cursor: pointer;
				> svg {
					width: 16px !important;
					height: 16px !important;
					stroke: rgb(112 112 112);
					stroke-width: 2px;
					stroke-linecap: round;
					stroke-linejoin: round;
					fill: none;
				}

				margin-left: 8px;
			}

			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			-ms-flex-align: center;
			align-items: center;
		}

		> div#title {
			-webkit-box-ordinal-group: 1;
			-ms-flex-order: 0;
			order: 0;
			-webkit-box-flex: 2;
			-ms-flex: 2 1;
			flex: 2 1;
			letter-spacing: 1px;
			font-weight: 500;
		}

		> div#protected {
			-webkit-box-ordinal-group: 2;
			-ms-flex-order: 1;
			order: 1;
		}

		padding-left: 7px;
	}

	> main {
		-webkit-box-flex: 2;
		-ms-flex: 2 0 auto;
		flex: 2 0 auto;
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content;
	}

	> footer {
	}

	> footer:empty {
		display: none;
	}

	& * {
	}

	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	overflow: hidden;
}

dialog#ui-desktop-EkZyCiWpex::-webkit-backdrop {
	background-color: hsl(248deg 84% 70% / 24%);
}

dialog#ui-desktop-EkZyCiWpex::backdrop {
	background-color: hsl(248deg 84% 70% / 24%);
}

dialog#ui-desktop-EkZyCiWpex.modal-dialog {
}

/*#endregion ui-desktop-EkZyCiWpex */
/*#region account */
/*#region account-detail-view */
dialog.account-detail-view {
}

dialog.account-detail-view * {
}

dialog.account-detail-view .master-detail > .master {
	background-color: hsl(0deg 0% 99% / 99%);
	color: rgb(64 64 64);
}

dialog.account-detail-view .master-detail > .detail {
	padding: 16px 64px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

dialog.detail-is-html .master-detail > .detail {
	padding: 16px 64px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

dialog.account-detail-view .master .menu-items-4yD6hik9i > * > div {
	border-color: transparent;
}

dialog.account-detail-view .master .menu-items-4yD6hik9i > * > div.selected {
	background-color: hsl(0deg 0% 95% / 99%);
	border-radius: 0px calc(var(--menu-item-height) / 2)
		calc(var(--menu-item-height) / 2) 0px;
}

dialog.account-detail-view .detail .smart-label {
	max-width: 300px;
}

/*#endregion account-detail-view */
.account-form {
	margin: auto;
	max-width: 400px;
}

.account-form .text-break {
	margin: 8px 0px;
	font-weight: 600;
	font-size: 1.3rem;
	padding-left: 64px;
	position: relative;
}

.account-form .text-break input {
	visibility: hidden;
	width: 0px;
	height: 0px;
}

.account-form h1 {
	font-size: 1.2rem;
	margin-bottom: 32px;
	border-bottom: 1px solid var(--border-color-darker);
	padding-bottom: 4px;
}

.account-form div:has(div.hyper-link),
.account-form div:has(button) {
	margin-top: 8px;
	padding-top: 8px;
	/* padding-bottom: 0px; */
	border-top: 1px solid var(--border-color-darker);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify !important;
	-ms-flex-pack: justify !important;
	justify-content: space-between !important;
}

.account-form div:has(button) {
	-webkit-box-pack: end !important;
	-ms-flex-pack: end !important;
	justify-content: flex-end !important;
}

.account-form div.already-signed-up {
	display: block;
	padding: 16px;
	border-top: 1px solid var(--border-color-darkest);
}

/*#region gsi-account */
div.signed-in-box {
	margin: auto;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	padding: 16px;
	/* display: flex; */
	/* flex-direction: column; */
}

div.signed-in-box h1 {
	font-size: 1.3rem;
	color: crimson;
	margin-bottom: 32px;
}

div.signed-in-box p {
	margin-top: 32px;
}

div.gsi-account {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 5px;
	border: 1px solid var(--border-color-darkest);
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	background-color: hsl(0 0% 97% / 1);
}

div.gsi-account > img {
	width: 48px;
	border-radius: 5px 0px 0px 5px;
	/* height: 48px; */
	/* overflow: hidden; */
}

div.gsi-account > div#name {
	margin: 0px 16px;
	color: var(--base-text-color);
	font-weight: 500;
	background-color: inherit;
}

/*#endregion gsi-account */
dialog.control.panel-view {
	position: static;
	-webkit-box-shadow: none;
	box-shadow: none;
}

dialog.control.panel-view * {
}

dialog.control.panel-view > .body {
	border: unset;
}

dialog.control.panel-view > div.header > *:not([class="text"]) {
	display: none;
}

dialog.control.panel-view > div.header {
	border: unset;
	margin: unset;
}

dialog.control.panel-view > div.header > div.text {
	font-size: 1.2rem;
	margin-bottom: 32px;
	border-bottom: 1px solid var(--border-color-darkest);
	padding-bottom: 4px;
	-webkit-box-flex: 1 !important;
	-ms-flex: 1 0 100% !important;
	flex: 1 0 100% !important;
}

dialog.common-account-dialog {
	width: 700px !important;
}

dialog.common-account-dialog div.smart-label > section,
dialog.common-account-dialog div.smart-label > section > div,
dialog.common-account-dialog div.smart-label > div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	line-height: 1.8rem !important;
	color: var(--text-color-light);
	/* patch */
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	/* end patch */
}

#VJ9gjQFAa {
	padding: 0px 16px;
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	border: unset;
	height: -webkit-fill-available;
}

#VJ9gjQFAa > div {
	flex: 1 0 50%;
	padding: 0px 16px 32px 16px;
	box-sizing: border-box;
}

#VJ9gjQFAa > div#apps {
	padding-top: 32px;
}

#VJ9gjQFAa > div#native {
	position: relative;
	/* width: 250px; */
	border-right: 1px solid var(--border-color-darker);
	flex: 1 0 50%;
	/* margin-left: auto; */
	/* margin-right: auto; */
}

@keyframes slide-v1 {
	0% {
		transform: translateX(-120%);
	}

	100% {
		transform: translateX(-120%);
	}
}

#VJ9gjQFAa > div#native > div {
	-webkit-transform: translateX(-120%);
	-ms-transform: translateX(-120%);
	transform: translateX(-120%);
	position: absolute;
	-webkit-transition: opacity 0.5s linear, -webkit-transform 0.5s linear;
	transition: opacity 0.5s linear, -webkit-transform 0.5s linear;
	-o-transition: transform 0.5s linear, opacity 0.5s linear;
	transition: transform 0.5s linear, opacity 0.5s linear;
	transition: transform 0.5s linear, opacity 0.5s linear,
		-webkit-transform 0.5s linear;
	background-color: white;
	opacity: 0;
}

#VJ9gjQFAa > div#native > div.pop {
	-webkit-transform: translateX(15%);
	-ms-transform: translateX(15%);
	transform: translateX(15%);
	opacity: 1;
}

@media (max-width: 640px) {
}

#VJ9gjQFAa > div#apps {
	/* padding-top: 16px; */
	/* margin-left: 32px; */
	/* padding-left: 32px; */
	/* border-left: 1px solid var(--border-color-darker); */
}

#VJ9gjQFAa > div#apps > div + div {
	margin-top: 32px;
}

@media (max-width: 640px) {
	div#VJ9gjQFAa {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin: auto;
		& div.smart-label {
			& div {
				&.hyper-link {
					font-size: 1.25rem;
					white-space: nowrap;
				}
			}
		}
	}

	#VJ9gjQFAa > div#apps {
		margin: 8%;
		margin-top: 24px;
		padding-top: 24px;
		border-top: var(--border-groove);
		flex: 1 2 auto;
	}

	#VJ9gjQFAa > div#native {
		-webkit-box-flex: 2;
		-ms-flex: 2 0 400px;
		flex: 2 0 520px;
		width: 100%;
		padding-top: 0px;
	}

	#VJ9gjQFAa > div#native > div {
		width: -webkit-fill-available;
		margin: 8%;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	#VJ9gjQFAa > div#native > div.pop {
		-webkit-transform: translateX(0%);
		-ms-transform: translateX(0%);
		transform: translateX(0%);
	}
	.account-form div:has(div.hyper-link),
	.account-form div:has(button) {
		margin-top: 16px;
		padding-top: 16px;
		padding-bottom: 2px;
	}
}

/*#endregion account */
/*#region primitive-dialog */
dialog.primitive {
	position: fixed;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	max-height: 400px;
	max-width: 400px;
	max-width: unset;
	width: 400px;
	width: 100%;
	height: 400px;
	top: auto;
	left: 0px;
	bottom: 0px;
	margin: 0px;
	padding: 0px;
	/* font-size: 0.98px; */
}

@media (max-width: 640px) {
	dialog.primitive {
		max-height: unset;
		max-width: 100%;
		width: 100%;
		height: 100%;
		top: auto;
		left: 0px;
		bottom: 0px;
		right: 0px;
	}

	dialog.primitive.minimized {
		bottom: 68px !important;
		left: 4px !important;
	}
}

dialog.primitive > header > section {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

dialog.primitive > header :is(select, select *) {
	font-size: 0.89rem !important;
}

/*#region minimized */
dialog.primitive.minimized {
	height: 32px;
	width: 32px;
	overflow: hidden;
	border-radius: 16px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	left: 4px;
	bottom: 4px;
	z-index: 2000;
}

dialog.primitive.closed {
	display: none;
}

dialog.primitive.minimized > header {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: 0px;
}

dialog.primitive.minimized > main {
	-webkit-box-flex: 0;
	-ms-flex: 0 1;
	flex: 0 1;
	overflow: auto !important;
	padding: 0px;
}

dialog.primitive.minimized > header > div {
	overflow: hidden;
	-webkit-box-flex: 0;
	-ms-flex: 0 1;
	flex: 0 1;
}

dialog.primitive.minimized > header > section {
	overflow: hidden;
	-webkit-box-flex: 0;
	-ms-flex: 0 1;
	flex: 0 1;
}

dialog.primitive.minimized > header > nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-flex: 2;
	-ms-flex: 2 0 100%;
	flex: 2 0 100%;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

dialog.primitive.minimized > header > section {
	display: none;
}

dialog.primitive.minimized > header > nav > svg {
	margin: 0px;
}

dialog.primitive.minimized
	> header
	> nav
	> svg:is(#sort, #close, #min, #clear) {
	display: none;
}

dialog.primitive.minimized > header > nav > svg#max {
	display: block;
}

/*#endregion minimized */
dialog.primitive * {
}

dialog.primitive main div.debug * {
	font-size: 0.89rem;
	font-weight: 400;
}

dialog.primitive main div.debug i {
	background-size: 24px 28px;
	background-position: -3px -7px;
	margin-top: 8px;
}

dialog.primitive > * {
	padding-left: 8px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

dialog.primitive > :is(header, footer) {
	-webkit-box-flex: 0;
	-ms-flex: 0 1;
	flex: 0 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

dialog.primitive > footer {
	-webkit-box-shadow: -1px 0px 4px 1px hsl(0deg 0% 60% / 41%);
	box-shadow: -1px 0px 4px 1px hsl(0deg 0% 60% / 41%);
}

dialog.primitive > header {
	padding-right: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
	/* height: 29px; */
	/* flex: 0 1 36px; */
}

dialog.primitive > header > nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	/* flex: 2 0 100%; */
	/* justify-content: center; */
}

dialog.primitive > header > div {
	/* overflow: hidden; */
	/* flex: 0 1; */
	font-size: 0.89rem;
	font-weight: 500;
}

dialog.primitive > main {
	-webkit-box-flex: 10;
	-ms-flex: 10 0;
	flex: 10 0;
	overflow-y: auto;
	/* overflow-x: auto; */
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
}

dialog.primitive > main > div#list-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	/* max-width: unset; */
	overflow-x: visible;
}

dialog.primitive > main > div#list-container > div {
	/* font-size: 0.89rem; */
	border-bottom: 1px solid var(--border-color-dark);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	background-image: none;
	width: 100%;
}

dialog.primitive > main > div#list-container > div.hidden {
	display: none;
}

dialog.primitive > main > div#list-container > div.error {
	background-color: hsl(0deg 100% 62% / 39%);
}

dialog.primitive > main > div#list-container > div.warn {
	background-color: hsl(54deg 100% 62% / 39%);
}

dialog.primitive > main > div#list-container > div > div {
	margin-right: 8px;
	-webkit-box-flex: 0;
	-ms-flex: 0 1;
	flex: 0 1;
	white-space: nowrap;
	font-size: 0.97rem;
}

dialog.primitive > main > div#list-container > div > div:empty {
	display: none;
}

dialog.primitive > main > div#list-container > div > div.line {
	color: gray;
	white-space: nowrap;
	-webkit-box-flex: 2;
	-ms-flex: 2 0;
	flex: 2 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

dialog.primitive > header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
	/* border-bottom: 1px solid black; */
	-webkit-box-shadow: 1px 0px 1px 1px hsl(0deg 0% 87% / 41%);
	box-shadow: 1px 0px 1px 1px hsl(0deg 0% 87% / 41%);
}

dialog.primitive > header svg {
	height: 24px;
	width: 24px;
	cursor: pointer;
	stroke: hsl(0 0% 55% / 1);
	stroke-width: 2px;
	stroke-linecap: round;
	stroke-linejoin: round;
	fill: none;
	padding: 4px;
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1;
	margin-left: 16px;
}

dialog.primitive > header > nav > svg#close {
	-webkit-box-ordinal-group: 101;
	-ms-flex-order: 100;
	order: 100;
}

dialog.primitive > header > nav > svg#max {
	display: none;
}

/*#endregion primitive-dialog */
/*#region global-asistant */
dialog.control.global-asistant {
	width: 300px !important;
	max-height: 400px !important;
	bottom: auto !important;
	top: 100px !important;
	right: 4px !important;
	left: auto !important;
	--header-foreground-color: black;
	--header-background-color: transparent;
	border-radius: 8px !important;
}

dialog.control.global-asistant .body {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	margin: 8px;
	padding: 0px;
}

dialog.control.global-asistant .body h1 {
	all: inherit;
	font-weight: bold;
	font-size: 1.1rem;
	flex: 0 2 auto;
	height: fit-content;
	display: block;
}

dialog.control.global-asistant .body p {
	flex: 8 1 auto;
	margin-left: 8px;
}

dialog.control.global-asistant .body footer {
	border-top: var(--border-groove);
	padding-top: 4px;
}

/*#endregion global-asistant */
/*#region dribbble */
body.dribbble-v-1 > main {
	/* margin-left: 0px; */
	/* margin-right: 0px; */
	/* width: 100% !important; */
}

body.dribbble-v-1
	dialog.control:not(.theme-final).master-detail-view-base.menu-detail-view
	> div.body
	> .detail
	div.smart-label {
	margin: 36px;
	background-color: white;
}

@media (min-width: 640px) {
	body.dribbble-v-1 {
		/*#region nested */ /*#region variables */
		--base-color: hsl(225deg 72% 64%);
		--base-color-hue: 225;
		--base-color-sat: 72%;
		--base-color-lum: 64%;
		--base-color-calc-hsl: hsl(
			calc(var(--base-color-hue) - 0),
			calc(var(--base-color-sat) - 0%),
			calc(var(--base-color-lum) + 0%)
		);
		--border-radius-body: 16px;
		--container-background-color: hsl(0 0% 95% / 1);
		--assistant-background-color: hsl(60deg 100% 96% / 99%);
		--assistant-border-color: hsl(60deg 30% 87% / 99%);
		--base-icon-color-light: hsl(225deg 72% 70% / 59%);
		--base-icon-color: hsl(225deg 72% 60% / 59%);
		--base-icon-color-dark: hsl(225deg 72% 50% / 59%);
		--anchor-color: hsl(225deg 72% 64%);
		--anchor-color: hsl(
			var(--base-color-hue),
			calc(var(--base-color-sat) - 10%),
			calc(var(--base-color-lum) + 10%)
		);
		--base-heading-color: hsl(
			calc(var(--base-color-hue) - 0),
			calc(var(--base-color-sat) - 0%),
			calc(var(--base-color-lum) + 0%)
		);
		/*#endregion variables */
		&
			dialog.control.master-detail-view-base.slide-partial:is(
				.toggle-detail,
				.fixed-detail
			)
			> div.body
			> .detail {
			overflow-y: auto;
		}

		/*#region rules */
		font-family: roboto-flex, Inter, Roboto, Helvetica, Calibri, Arial,
			sans-serif;
		& dialog.control:not(.theme-final):not(.master-detail-view-base) {
			--header-foreground-color: black;
			--header-background-color: transparent;
			--button-color: hsl(240 30% 30% / 1);
			--button-border-color: hsl(0 0% 86% / 1);
			--button-bg-color: white;
			--button-background-color: white;
			--button-hover-bg-color: hsl(0 0% 98% / 1);
			--dialog-background-color: white;
			--button-hover-bg-color: hsl(0 0% 98% / 1);
			--button-active-bg-color: hsl(0 0% 91% / 1);
			border-radius: 4px !important;
			> div.header {
				border-bottom: 0.5px inset var(--border-color-darkest);
				padding-left: 8px;
			}

			> div.footer {
				justify-content: space-between;
				padding: 8px 16px;
				& * {
					font-family: roboto-flex, Inter, Roboto, Helvetica, Calibri,
						Arial, sans-serif;
				}

				& button {
					box-shadow: 0px 0px 1px 1px rgb(0 0 0 / 10%);
					padding: 6px 16px 6px 16px;
					font-weight: 500;
				}
			}
		}

		&
			dialog.control:not(
				.theme-final
			).master-detail-view-base.menu-detail-view {
			&.version-2 {
				color: red;
			}

			&#setting-sections {
				color: red;
			}

			& div.profile-box {
				display: flex;
				justify-content: space-between;
				padding: 0px !important;
				margin: 16px 0px !important;
				border: 1px solid var(--border-color-darkest);
				border-radius: 8px;
				min-height: 100px;
				position: relative;
			}

			div:has(> div.member-list) {
				display: flex;
				flex-direction: column;
				overflow-y: auto;
				/* max-height:400px; */
				&::-webkit-scrollbar {
					width: 8px;
					background-color: hsl(0deg 0% 90% / 10%);
					visibility: hidden;
				}

				&::-webkit-scrollbar-track {
					width: inherit;
					background-color: transparent;
					visibility: hidden;
				}

				&:hover::-webkit-scrollbar {
					visibility: visible;
				}

				&:hover::-webkit-scrollbar-track {
					visibility: visible;
				}

				&::-webkit-scrollbar-thumb {
					background-color: hsl(0deg 0% 90% / 100%);
					visibility: hidden;
				}

				&:hover::-webkit-scrollbar-thumb {
					visibility: visible;
				}
			}

			& div.member-list {
				> div.profile-box {
					display: flex;
					justify-content: space-between;
					padding: 0px !important;
					margin: 16px 0px !important;
					border: 1px solid var(--border-color-darkest);
					border-radius: 8px;
					min-height: 100px;
					position: relative;
					&.progress:after {
						content: " ";
						background-image: linear-gradient(
							270deg,
							hsl(0deg 3% 10% / 21%),
							#ffffff,
							hsl(0deg 3% 10% / 21%)
						);
						background-repeat: no-repeat;
						background-size: 600% 600%;
						-webkit-animation: slidingLine 3s ease infinite;
						animation: slidingLine 3s ease infinite;
						position: absolute;
						/* height: 10px; */
						left: 0px;
						right: 0px;
						inset: 0px;
						width: auto;
						height: auto;
						background-color: transparent;
						z-index: 1000;
					}

					& * {
						color: var(--text-color-light);
					}

					> figure {
						width: 64px;
						height: 64px;
						margin: 8px !important;
						flex: 0 0;
						> img {
							width: inherit;
							height: inherit;
							/* border-top-left-radius: inherit; */
							/* border-bottom-left-radius: inherit; */
							border-radius: 50%;
						}
					}

					> section {
						flex: 2 1;
						padding: 8px 4px 2px 8px;
						padding-left: 12px;
						display: flex;
						flex-direction: column;
						> * {
							flex: 2 0;
						}

						> footer {
							flex: 0 1;
							display: flex;
							justify-content: flex-end;
							> nav {
								> div {
									font-size: 0.85rem;
									color: var(--base-icon-color-dark);
									cursor: pointer;
									&:before {
										margin-right: 2px;
									}
								}
							}
						}

						& #name {
							font-weight: 500;
						}
					}
				}
			}

			&.hyper-link,
			&.hyper-link * {
				/* color: hsl(211 100% 51% / 1); */
				color: hsl(225deg 72% 64%);
			}

			& div:is(.fetching, .fetching-2) {
				cursor: progress !important;
				position: relative;
				user-select: none;
				overflow: hidden;
				min-height: 100px;
				& * {
					pointer-events: none;
					user-select: none;
				}

				&::before {
					content: " ";
					position: absolute;
					left: 0px;
					top: 0px;
					bottom: 0px;
					right: 0px;
					width: 100%;
					height: auto;
					width: auto;
					z-index: 110;
					background-color: hsl(0deg 0% 100% / 22%);
					pointer-events: none;
					user-select: none;
				}

				&::after {
				}
			}

			& div:is(.fetching-2) {
				min-height: 150px;
				width: 100%;
				&::before {
					content: attr(data-progress-message);
					display: flex;
					position: absolute;
					display: flex;
					align-items: center;
					justify-content: center;
					left: 0px;
					top: 48px;
					width: 100%;
					height: 100%;
					z-index: 110;
					background-color: hsl(0deg 0% 100% / 22%);
					color: hsl(284deg 9% 53% / 44%);
					pointer-events: none;
					user-select: none;
				}
			}

			& div:is(.fetching, .fetching-2) {
				cursor: progress !important;
				position: relative;
				user-select: none;
				overflow: hidden;
				min-height: 140px;
				& * {
					pointer-events: none;
					user-select: none;
				}

				&::before {
					--width: 100px;
					content: attr(data-progress-message);
					display: flex;
					position: absolute;
					display: flex;
					align-items: center;
					justify-content: center;
					left: 0px;
					top: 48px;
					width: 100%;
					height: 100%;
					z-index: 110;
					background-color: hsl(0deg 0% 100% / 22%);
					color: hsl(284deg 9% 53% / 44%);
					pointer-events: none;
					user-select: none;
					z-index: 9999999999999;
					content: attr(data-fetch-message);
					transform: unset;
				}

				&::after {
				}
			}

			> .header {
				border-color: transparent;
				& div.trait-drop-control > div.button:before {
					color: var(--base-icon-color-dark);
				}
			}

			> div.body > .master {
				> .menu-items-4yD6hik9i {
					margin-top: var(--border-radius-body) !important;
					& div {
						&:before {
							color: var(--base-icon-color);
						}
					}

					& div.selected {
						background-color: var(--container-background-color);
					}
				}
			}

			> div.body > .detail {
				border-radius: var(--border-radius-body);
				background-color: var(--container-background-color);
				padding: 0px;
				> * {
					margin: 24px 32px;
					padding-top: 24px !important;
				}

				> h1 {
					margin-top: 0px;
					margin-bottom: 0px;
					/* padding-top: 24px !important; */
					font-size: 1.3rem;
					color: hsl(225deg 72% 64%);
					display: flex;
					position: relative;
					&:before {
						position: absolute;
						right: 0;
						cursor: pointer;
						font-weight: normal;
						font-size: 14px;
					}
				}

				> div {
					background-color: white;
					border-radius: var(--border-radius-body);
					position: relative;
					padding: 0px;
					box-sizing: border-box;
					padding-bottom: 64px;

					& :has(#tab-menu) {
						padding-top: 0px !important;
						display: flex;
						flex-direction: column;
					}

					> #tab-menu {
						display: flex;
						padding: 0px 32px;
						justify-content: flex-end;
						margin-bottom: 16px;
						/* border-bottom: 1px solid var(--border-color-darker); */
						/* flex: 1 1 35px; */
						> div {
							display: flex;
							flex-wrap: nowrap;
							cursor: pointer;
							color: var(--anchor-color);
							padding: 8px 16px 10px 16px;
							border-radius: 0px;
							border-bottom-right-radius: 7px;
							border-bottom-left-radius: 7px;
							> div {
								color: inherit;
								font-weight: 500;
								padding: 0px;
								margin: 0px;
							}

							&.selected {
								background-color: var(
									--container-background-color
								);
							}

							&:hover {
								background-color: hsl(0deg 0% 0% / 2%);
							}

							&:before {
								margin-right: 8px;
							}

							& + div {
								/* margin-left: 24px; */
							}
						}
					}

					& .desc-horizontal-pad {
						> * {
							margin: 0px 32px;
						}

						> #vertical-container {
							--scope-height: auto;
							height: var(--scope-height);
							/* margin: 0px auto; */
							transition: height 0.3s linear;
							overflow-y: hidden;
							/* display: flex; */
							&.computing {
								overflow-y: hidden;
								visibility: hidden;
								position: absolute;
								transition: none !important;
							}

							&.collapsed {
								height: 0px;
								border-color: transparent;
								box-sizing: border-box;
							}
						}

						& dialog#assistant {
							background-color: var(--assistant-background-color);
							border-color: var(--assistant-border-color);
							padding: 0px;
							border-radius: var(--border-radius-body);
							position: static;
							margin: unset;
							margin: 16px 32px;
							box-shadow: unset;
							margin: 0px auto;
							display: flex;
							flex-direction: column;
							width: -webkit-fill-available;
							> * {
								padding: 0px 32px;
							}

							& b {
								font-weight: 500;
							}

							& * {
								/* font-size: 0.9rem; */
							}

							> header {
								padding-top: 16px;
								padding-bottom: 2px;
								& h1 {
									font-size: 1.07rem;
									font-weight: 600;
									margin: 0px;
									font-size: 0.99rem;
									font-family: helvetica !important;
									/* color: var(--base-heading-color); */
								}
							}

							> main {
								/* line-height: 1rem; */
								& * {
									color: var(--text-color-light);
									line-height: 1.6rem;
									font-size: 0.95rem;
								}

								& :is(p, ul, ol) {
								}

								& :is(ul, ol) {
								}

								& i {
									color: var(--text-color-lightest);
									font-style: normal;
									font-size: 93%;
								}
							}

							> footer {
								display: flex;
								align-items: center;
								justify-content: space-between;
								padding-top: 8px;
								padding-bottom: 8px;
								> * {
									display: flex;
									align-items: center;
								}

								& input {
									margin-right: 8px;
								}

								& button {
									background-color: hsl(0deg 0% 0% / 0%);
								}
							}
						}
					}
				}

				/*#region questions */
				& div#complaints {
					position: relative;
					min-height: 128px;
					display: flex;
					flex-direction: column;
					> div#list-items {
						& div.profile-box {
							margin: 0px !important;
							border: 0px;
							min-height: unset;
							> figure {
								width: 24px;
								height: 24px;
								margin: 2px 8px 2px 2px !important;
								flex: 0 0;
								> img {
									width: inherit;
									height: inherit;
									/* border-top-left-radius: inherit; */
									/* border-bottom-left-radius: inherit; */
									border-radius: 50%;
								}
							}

							> section {
								align-items: center;
								display: flex;
								justify-content: flex-start;
								flex: 2 0;
								> div + div {
									margin-left: 8px;
								}

								> div:not([id]) {
									display: none;
								}
							}
						}

						> div[data-complaint-id] {
							border: 1px solid;
							border-color: var(--border-color-darkest);
							padding: 8px;
							padding-bottom: 1px;
							border-radius: 8px;
							&:hover {
								background-color: hsl(0deg 0% 0% / 3%);
							}

							> div.h {
								display: flex;
								justify-content: space-between;
								> div#c {
									font-weight: 500;
									font-size: 105%;
								}

								> div#p {
									font-size: 95%;
								}
							}

							> footer {
								display: flex;
								justify-content: space-between;
								align-items: flex-end;
								height: 36px;
								> div#p {
									flex: 2 0;
								}

								> nav {
									flex: 1 1;
									padding-left: 16px;
									display: flex;
									justify-content: flex-end;
									> i {
										color: coral;
										cursor: pointer;
										opacity: 0.5;
										margin-left: 8px;
										&:hover {
											opacity: 1;
										}

										&.fa-comment {
											/* position: relative; */
											/* right: 16px; */
											/* color: black; */
											/* font-size: 0.7rem; */
											&:before {
												/* position: absolute; */
												/* color: red; */
												/* opacity: 0.3; */
												/* z-index: -1; */
												/* font-size: 1rem; */
												/* right: -6px; */
											}
										}
									}
								}

								& * {
									font-size: 0.81rem;
								}
							}
						}

						> div + div {
							margin-top: 32px;
						}
					}
				}

				& div#complaints[disabled] {
					opacity: 0.7;
					pointer-events: none;
				}

				& div#complaints:before {
					font-size: 48px;
					top: 81%;
					right: 45%;
				}

				/*#endregion questions */
				/*#region Vk6BFWqxWl */
				& div:has(> div#Vk6BFWqxWl) {
					position: relative;
					border-radius: var(--border-radius-body);
					/* background-color: aliceblue; */
					/* margin-bottom: 64px; */
				}

				& div#Vk6BFWqxWl {
					--max-height: 300px;
					height: var(--max-height);
					width: 100%;
					overflow-y: hidden;
					transition: height 0.7s linear;
					margin: 16px !important;
					> div {
						/* margin-top: 16px; */
					}

					> svg#close {
						position: absolute;
						right: 12px;
						top: 12px;
						z-index: 100;
						opacity: 1;
						transition: opacity 0.7s linear;
					}

					svg#close:hover {
						stroke: red;
					}
				}

				& div#Vk6BFWqxWl.hide-progressive {
					height: 0px;
					> svg#close {
						opacity: 0;
						pointer-events: none;
					}
				}

				& div#Vk6BFWqxWl.computing {
					position: absolute !important;
					height: auto;
					border: 1px solid;
					visibility: hidden;
					display: block;
					overflow-x: visible;
					transition: none;
					z-index: -1;
					width: auto;
				}

				& div.smart-label {
					width: auto;
					padding: 16px;
					margin-bottom: 32px;
					box-sizing: border-box;
					& textarea {
						height: 200px;
						overflow-y: auto;
					}

					/* background-color: aliceblue; */
					border-radius: var(--border-radius-body);
				}

				/*#endregion Vk6BFWqxWl */
			}
		}

		/*#endregion rules */
		/*#endregion nested */
	}
}

@media (max-width: 640px) {
	body.dribbble-v-1 {
		/*#region variables */
		--base-color: hsl(225deg 72% 64%);
		--base-color-hue: 225;
		--base-color-sat: 72%;
		--base-color-lum: 64%;
		--base-color-calc-hsl: hsl(
			calc(var(--base-color-hue) - 0),
			calc(var(--base-color-sat) - 0%),
			calc(var(--base-color-lum) + 0%)
		);
		--border-radius-body: 16px;
		--container-background-color: hsl(0 0% 95% / 1);
		--container-background-color: transparent;
		--assistant-background-color: hsl(60deg 100% 96% / 99%);
		--assistant-border-color: hsl(60deg 30% 87% / 99%);
		--base-icon-color-light: hsl(225deg 72% 70% / 59%);
		--base-icon-color: hsl(225deg 72% 60% / 59%);
		--base-icon-color-dark: hsl(225deg 72% 50% / 59%);
		--anchor-color: hsl(
			var(--base-color-hue),
			calc(var(--base-color-sat) - 10%),
			calc(var(--base-color-lum) + 10%)
		);
		--base-heading-color: hsl(
			calc(var(--base-color-hue) - 0),
			calc(var(--base-color-sat) - 0%),
			calc(var(--base-color-lum) + 0%)
		);
		/*#endregion variables */
		font-family: roboto-flex, Inter, Roboto, Helvetica, Calibri, Arial,
			sans-serif;
	}

	body.dribbble-v-1
		dialog.control:not(.theme-final):not(.master-detail-view-base) {
		--header-foreground-color: black;
		--header-background-color: transparent;
		--button-color: hsl(240 30% 30% / 1);
		--button-border-color: hsl(0 0% 86% / 1);
		--button-bg-color: white;
		--button-background-color: white;
		--dialog-background-color: white;
		--button-hover-bg-color: hsl(0 0% 98% / 1);
		--button-active-bg-color: hsl(0 0% 91% / 1);
		border-radius: 4px;
	}

	body.dribbble-v-1 dialog.control > div.header > .commands > i.svg > svg {
		width: 24px !important;
		height: 24px !important;
		margin-right: 8px;
		/* margin-left: 16px; */
		stroke-width: 3px;
	}

	body.dribbble-v-1
		dialog.control:not(.theme-final):not(.master-detail-view-base)
		> div.header {
		padding-left: 8px;
	}

	body.dribbble-v-1
		dialog.control:not(.theme-final):not(.master-detail-view-base)
		> div.footer {
		justify-content: space-between;
		padding-top: 8px;
		padding-right: 16px;
		padding-bottom: 8px;
		padding-left: 16px;
	}

	body.dribbble-v-1
		dialog.control:not(.theme-final):not(.master-detail-view-base)
		> div.footer {
		font-family: roboto-flex, Inter, Roboto, Helvetica, Calibri, Arial,
			sans-serif;
	}

	body.dribbble-v-1
		dialog.control:not(.theme-final):not(.master-detail-view-base)
		> div.footer
		button {
		box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 1px 1px;
		padding-top: 6px;
		padding-right: 16px;
		padding-bottom: 6px;
		padding-left: 16px;
		font-weight: 500;
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view {
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		#setting-sections {
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		div.profile-box {
		display: flex;
		justify-content: space-between;
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
		border-bottom-right-radius: 8px;
		border-bottom-left-radius: 8px;
		min-height: 100px;
		position: relative;
		padding-top: 0px !important;
		padding-right: 0px !important;
		padding-bottom: 0px !important;
		padding-left: 0px !important;
		margin-top: 16px !important;
		margin-right: 0px !important;
		margin-bottom: 16px !important;
		margin-left: 0px !important;
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		div:has(> div.member-list) {
		display: flex;
		flex-direction: column;
		overflow-y: auto;
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		div:has(> div.member-list)::-webkit-scrollbar {
		width: 8px;
		background-color: rgba(230, 230, 230, 0.1);
		visibility: hidden;
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		div:has(> div.member-list)::-webkit-scrollbar-track {
		width: inherit;
		background-color: transparent;
		visibility: hidden;
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		div:has(> div.member-list)::-webkit-scrollbar {
		visibility: visible;
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		div:has(> div.member-list)::-webkit-scrollbar-track {
		visibility: visible;
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		div:has(> div.member-list)::-webkit-scrollbar-thumb {
		background-color: rgb(230, 230, 230);
		visibility: hidden;
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		div:has(> div.member-list)::-webkit-scrollbar-thumb {
		visibility: visible;
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		div.member-list {
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		div.member-list
		> div.profile-box {
		display: flex;
		justify-content: space-between;
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
		border-bottom-right-radius: 8px;
		border-bottom-left-radius: 8px;
		min-height: 100px;
		position: relative;
		padding-top: 0px !important;
		padding-right: 0px !important;
		padding-bottom: 0px !important;
		padding-left: 0px !important;
		margin-top: 16px !important;
		margin-right: 0px !important;
		margin-bottom: 16px !important;
		margin-left: 0px !important;
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		div.member-list
		> div.profile-box.progress::after {
		content: " ";
		background-image: linear-gradient(
			270deg,
			rgba(26, 25, 25, 0.21),
			rgb(255, 255, 255),
			rgba(26, 25, 25, 0.21)
		);
		background-repeat: no-repeat;
		background-size: 600% 600%;
		animation-duration: 3s;
		animation-timing-function: ease;
		animation-delay: 0s;
		animation-iteration-count: infinite;
		animation-direction: normal;
		animation-fill-mode: none;
		animation-play-state: running;
		animation-name: slidingLine;
		animation-timeline: auto;
		animation-range-start: normal;
		animation-range-end: normal;
		position: absolute;
		top: 0px;
		right: 0px;
		bottom: 0px;
		left: 0px;
		width: auto;
		height: auto;
		background-color: transparent;
		z-index: 1000;
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		div.member-list
		> div.profile-box {
		color: var(--text-color-light);
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		div.member-list
		> div.profile-box
		> figure {
		width: 64px;
		height: 64px;
		flex-grow: 0;
		flex-shrink: 0;
		flex-basis: 0%;
		margin-top: 8px !important;
		margin-right: 8px !important;
		margin-bottom: 8px !important;
		margin-left: 8px !important;
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		div.member-list
		> div.profile-box
		> figure
		> img {
		width: inherit;
		height: inherit;
		border-top-left-radius: 50%;
		border-top-right-radius: 50%;
		border-bottom-right-radius: 50%;
		border-bottom-left-radius: 50%;
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		div.member-list
		> div.profile-box
		> section {
		flex-grow: 2;
		flex-shrink: 1;
		flex-basis: 0%;
		padding-top: 8px;
		padding-right: 4px;
		padding-bottom: 2px;
		padding-left: 12px;
		display: flex;
		flex-direction: column;
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		div.member-list
		> div.profile-box
		> section {
		flex-grow: 2;
		flex-shrink: 0;
		flex-basis: 0%;
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		div.member-list
		> div.profile-box
		> section
		> footer {
		flex-grow: 0;
		flex-shrink: 1;
		flex-basis: 0%;
		display: flex;
		justify-content: flex-end;
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		div.member-list
		> div.profile-box
		> section
		> footer
		> nav {
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		div.member-list
		> div.profile-box
		> section
		> footer
		> nav
		> div {
		font-size: 0.85rem;
		color: var(--base-icon-color-dark);
		cursor: pointer;
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		div.member-list
		> div.profile-box
		> section
		> footer
		> nav
		> div::before {
		margin-right: 2px;
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		div.member-list
		> div.profile-box
		> section
		#name {
		font-weight: 500;
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view.hyper-link {
		color: rgb(97, 130, 229);
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		div:is(.fetching, .fetching-2) {
		position: relative;
		user-select: none;
		overflow-x: hidden;
		overflow-y: hidden;
		min-height: 100px;
		cursor: progress !important;
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		div:is(.fetching, .fetching-2) {
		pointer-events: none;
		user-select: none;
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		div:is(.fetching, .fetching-2)::before {
		content: " ";
		position: absolute;
		left: 0px;
		top: 0px;
		bottom: 0px;
		right: 0px;
		height: auto;
		width: auto;
		z-index: 110;
		background-color: rgba(255, 255, 255, 0.22);
		pointer-events: none;
		user-select: none;
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		div:is(.fetching, .fetching-2)::after {
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		div:is(.fetching-2) {
		min-height: 150px;
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		div:is(.fetching-2)::before {
		content: attr(data-progress-message);
		position: absolute;
		display: flex;
		align-items: center;
		justify-content: center;
		left: 0px;
		top: 48px;
		width: 100%;
		height: 100%;
		z-index: 110;
		background-color: rgba(255, 255, 255, 0.22);
		color: rgba(140, 124, 146, 0.44);
		pointer-events: none;
		user-select: none;
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		div:is(.fetching, .fetching-2) {
		position: relative;
		user-select: none;
		overflow-x: hidden;
		overflow-y: hidden;
		min-height: 140px;
		cursor: progress !important;
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		div:is(.fetching, .fetching-2) {
		pointer-events: none;
		user-select: none;
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		div:is(.fetching, .fetching-2)::before {
		--width: 100px;
		position: absolute;
		display: flex;
		align-items: center;
		justify-content: center;
		left: 0px;
		top: 48px;
		width: 100%;
		height: 100%;
		background-color: rgba(255, 255, 255, 0.22);
		color: rgba(140, 124, 146, 0.44);
		pointer-events: none;
		user-select: none;
		z-index: 2147483647;
		content: attr(data-fetch-message);
		transform: unset;
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		div:is(.fetching, .fetching-2)::after {
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		> .header {
		border-top-color: transparent;
		border-right-color: transparent;
		border-bottom-color: transparent;
		border-left-color: transparent;
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		> .header::before {
		color: var(--base-icon-color-dark);
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		> div.body
		> .master {
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		> div.body
		> .master
		> .menu-items-4yD6hik9i {
		margin-top: var(--border-radius-body) !important;
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		> div.body
		> .master
		> .menu-items-4yD6hik9i
		div {
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		> div.body
		> .master
		> .menu-items-4yD6hik9i
		div::before {
		color: var(--base-icon-color);
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		> div.body
		> .master
		> .menu-items-4yD6hik9i
		div.selected {
		background-color: var(--container-background-color);
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		> div.body
		> .detail {
		background-color: var(--container-background-color);
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		> div.body
		> .detail {
		margin-top: 8px;
		margin-right: 0px;
		margin-bottom: 24px;
		margin-left: 0px;
		padding-top: 8px !important;
	}

	dialog.control.master-detail-view-base.menu-detail-view
		> div.body
		> .detail
		> div#menu-navigator {
		justify-content: space-between;
		flex: 1 1 auto;
		align-items: flex-end;
		padding-bottom: 14px;
		padding-top: 4px;
		display: none !important;
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		> div.body
		> .detail
		> h1 {
		margin-top: 0px;
		margin-bottom: 0px;
		font-size: 1.5rem;
		color: rgb(97, 130, 229);
		display: flex;
		position: relative;
		padding: 0px 24px;
		padding-bottom: 8px;
		display: none !important;
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		> div.body
		> .detail
		> h1::before {
		position: absolute;
		right: 24px;
		cursor: pointer;
		font-weight: normal;
		font-size: 16px;
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		> div.body
		> .detail
		> div {
		background-color: white;
		position: relative;
		padding: 0px 8px;
		box-sizing: border-box;
		padding-bottom: 64px;
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		> div.body
		> .detail
		> div
		:has(#tab-menu) {
		display: flex;
		flex-direction: column;
		padding-top: 0px !important;
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		> div.body
		> .detail
		> div
		> #tab-menu {
		display: flex;
		padding-top: 0px;
		padding-right: 8px;
		padding-bottom: 0px;
		padding-left: 8px;
		justify-content: flex-end;
		margin-bottom: 8px;
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		> div.body
		> .detail
		> div
		> #tab-menu
		> div {
		cursor: pointer;
		color: var(--anchor-color);
		font-weight: 500;
		padding-top: 8px;
		padding-right: 8px;
		padding-bottom: 10px;
		padding-left: 8px;
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
		border-bottom-right-radius: 0px;
		border-bottom-left-radius: 0px;
		> div {
			display: none;
		}
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		> div.body
		> .detail
		> div
		> #tab-menu
		> div.selected {
		/* background-color: var(--container-background-color); */
		background-color: hsl(0deg 0% 0% / 10%);
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		> div.body
		> .detail
		> div
		> #tab-menu
		> div
		:hover {
		background-color: rgba(0, 0, 0, 0.02);
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		> div.body
		> .detail
		> div
		> #tab-menu
		> div::before {
		margin-right: 8px;
		font-size: 32px;
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		> div.body
		> .detail
		> div
		> #tab-menu
		> div
		+ div {
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		> div.body
		> .detail
		> div
		.desc-horizontal-pad {
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		> div.body
		> .detail
		> div
		.desc-horizontal-pad {
		margin: 0px 8px;
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		> div.body
		> .detail
		> div
		.desc-horizontal-pad
		> #vertical-container {
		--scope-height: auto;
		height: var(--scope-height);
		transition-behavior: normal;
		transition-duration: 0.3s;
		transition-timing-function: linear;
		transition-delay: 0s;
		transition-property: height;
		overflow-y: hidden;
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		> div.body
		> .detail
		> div
		.desc-horizontal-pad
		> #vertical-container.computing {
		overflow-y: hidden;
		visibility: hidden;
		position: absolute;
		transition-behavior: normal !important;
		transition-duration: 0s !important;
		transition-timing-function: ease !important;
		transition-delay: 0s !important;
		transition-property: none !important;
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		> div.body
		> .detail
		> div
		.desc-horizontal-pad
		> #vertical-container.collapsed {
		height: 0px;
		border-top-color: transparent;
		border-right-color: transparent;
		border-bottom-color: transparent;
		border-left-color: transparent;
		box-sizing: border-box;
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		> div.body
		> .detail
		> div
		.desc-horizontal-pad
		dialog#assistant {
		background-color: var(--assistant-background-color);
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
		position: static;
		box-shadow: unset;
		margin-top: 0px;
		margin-right: auto;
		margin-bottom: 0px;
		margin-left: auto;
		display: flex;
		flex-direction: column;
		width: -webkit-fill-available;
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		> div.body
		> .detail
		> div
		.desc-horizontal-pad
		dialog#assistant {
		padding-top: 0px;
		padding-right: 32px;
		padding-bottom: 0px;
		padding-left: 32px;
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		> div.body
		> .detail
		> div
		.desc-horizontal-pad
		dialog#assistant
		b {
		font-weight: 500;
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		> div.body
		> .detail
		> div
		.desc-horizontal-pad
		dialog#assistant {
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		> div.body
		> .detail
		> div
		.desc-horizontal-pad
		dialog#assistant
		> header {
		padding-top: 16px;
		padding-bottom: 2px;
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		> div.body
		> .detail
		> div
		.desc-horizontal-pad
		dialog#assistant
		> header
		h1 {
		font-weight: 600;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		/* font-size: 0.99rem; */
		font-family: helvetica !important;
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		> div.body
		> .detail
		> div
		.desc-horizontal-pad
		dialog#assistant
		> main {
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		> div.body
		> .detail
		> div
		.desc-horizontal-pad
		dialog#assistant
		> main {
		color: var(--text-color-light);
		line-height: 1.6rem;
		font-size: 0.95rem;
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		> div.body
		> .detail
		> div
		.desc-horizontal-pad
		dialog#assistant
		> main
		:is(p, ul, ol) {
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		> div.body
		> .detail
		> div
		.desc-horizontal-pad
		dialog#assistant
		> main
		:is(ul, ol) {
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		> div.body
		> .detail
		> div
		.desc-horizontal-pad
		dialog#assistant
		> main
		i {
		color: var(--text-color-lightest);
		font-style: normal;
		font-size: 1.3rem;
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		> div.body
		> .detail
		> div
		.desc-horizontal-pad
		dialog#assistant
		> footer {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding-top: 8px;
		padding-bottom: 8px;
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		> div.body
		> .detail
		> div
		.desc-horizontal-pad
		dialog#assistant
		> footer {
		display: flex;
		align-items: center;
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		> div.body
		> .detail
		> div
		.desc-horizontal-pad
		dialog#assistant
		> footer
		input {
		margin-right: 8px;
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		> div.body
		> .detail
		> div
		.desc-horizontal-pad
		dialog#assistant
		> footer
		button {
		background-color: rgba(0, 0, 0, 0);
		font-size: 1.4rem;
		padding: 16px;
		height: auto;
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		> div.body
		> .detail
		div#complaints {
		position: relative;
		min-height: 128px;
		display: flex;
		flex-direction: column;
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		> div.body
		> .detail
		div#complaints
		> div#list-items {
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		> div.body
		> .detail
		div#complaints
		> div#list-items
		div.profile-box {
		border-top-width: 0px;
		border-right-width: 0px;
		border-bottom-width: 0px;
		border-left-width: 0px;
		border-top-style: initial;
		border-right-style: initial;
		border-bottom-style: initial;
		border-left-style: initial;
		border-top-color: initial;
		border-right-color: initial;
		border-bottom-color: initial;
		border-left-color: initial;
		border-image-source: initial;
		border-image-slice: initial;
		border-image-width: initial;
		border-image-outset: initial;
		border-image-repeat: initial;
		min-height: unset;
		margin-top: 0px !important;
		margin-right: 0px !important;
		margin-bottom: 0px !important;
		margin-left: 0px !important;
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		> div.body
		> .detail
		div#complaints
		> div#list-items
		div.profile-box
		> figure {
		width: 24px;
		height: 24px;
		flex-grow: 0;
		flex-shrink: 0;
		flex-basis: 0%;
		margin-top: 2px !important;
		margin-right: 8px !important;
		margin-bottom: 2px !important;
		margin-left: 2px !important;
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		> div.body
		> .detail
		div#complaints
		> div#list-items
		div.profile-box
		> figure
		> img {
		width: inherit;
		height: inherit;
		border-top-left-radius: 50%;
		border-top-right-radius: 50%;
		border-bottom-right-radius: 50%;
		border-bottom-left-radius: 50%;
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		> div.body
		> .detail
		div#complaints
		> div#list-items
		div.profile-box
		> section {
		align-items: center;
		display: flex;
		justify-content: flex-start;
		flex-grow: 2;
		flex-shrink: 0;
		flex-basis: 0%;
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		> div.body
		> .detail
		div#complaints
		> div#list-items
		div.profile-box
		> section
		> div
		+ div {
		margin-left: 8px;
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		> div.body
		> .detail
		div#complaints
		> div#list-items
		div.profile-box
		> section
		> div:not([id]) {
		display: none;
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		> div.body
		> .detail
		div#complaints
		> div#list-items
		> div[data-complaint-id] {
		border-top-width: 1px;
		border-right-width: 1px;
		border-bottom-width: 1px;
		border-left-width: 1px;
		border-top-style: solid;
		border-right-style: solid;
		border-bottom-style: solid;
		border-left-style: solid;
		border-image-source: initial;
		border-image-slice: initial;
		border-image-width: initial;
		border-image-outset: initial;
		border-image-repeat: initial;
		padding-top: 8px;
		padding-right: 8px;
		padding-left: 8px;
		padding-bottom: 1px;
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
		border-bottom-right-radius: 8px;
		border-bottom-left-radius: 8px;
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		> div.body
		> .detail
		div#complaints
		> div#list-items
		> div[data-complaint-id]
		:hover {
		background-color: rgba(0, 0, 0, 0.03);
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		> div.body
		> .detail
		div#complaints
		> div#list-items
		> div[data-complaint-id]
		> div.h {
		display: flex;
		justify-content: space-between;
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		> div.body
		> .detail
		div#complaints
		> div#list-items
		> div[data-complaint-id]
		> div.h
		> div#c {
		font-weight: 500;
		font-size: 105%;
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		> div.body
		> .detail
		div#complaints
		> div#list-items
		> div[data-complaint-id]
		> div.h
		> div#p {
		font-size: 95%;
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		> div.body
		> .detail
		div#complaints
		> div#list-items
		> div[data-complaint-id]
		> footer {
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
		height: 36px;
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		> div.body
		> .detail
		div#complaints
		> div#list-items
		> div[data-complaint-id]
		> footer
		> div#p {
		flex-grow: 2;
		flex-shrink: 0;
		flex-basis: 0%;
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		> div.body
		> .detail
		div#complaints
		> div#list-items
		> div[data-complaint-id]
		> footer
		> nav {
		flex-grow: 1;
		flex-shrink: 2;
		flex-basis: 0%;
		padding-left: 16px;
		display: flex;
		justify-content: flex-end;
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		> div.body
		> .detail
		div#complaints
		> div#list-items
		> div[data-complaint-id]
		> footer
		> nav
		> i {
		color: coral;
		cursor: pointer;
		opacity: 0.5;
		margin-left: 8px;
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		> div.body
		> .detail
		div#complaints
		> div#list-items
		> div[data-complaint-id]
		> footer
		> nav
		> i
		:hover {
		opacity: 1;
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		> div.body
		> .detail
		div#complaints
		> div#list-items
		> div[data-complaint-id]
		> footer
		> nav
		> i.fa-comment {
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		> div.body
		> .detail
		div#complaints
		> div#list-items
		> div[data-complaint-id]
		> footer
		> nav
		> i.fa-comment::before {
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		> div.body
		> .detail
		div#complaints
		> div#list-items
		> div[data-complaint-id]
		> footer {
		font-size: 0.81rem;
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		> div.body
		> .detail
		div#complaints
		> div#list-items
		> div
		+ div {
		margin-top: 32px;
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		> div.body
		> .detail
		div#complaints[disabled] {
		opacity: 0.7;
		pointer-events: none;
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		> div.body
		> .detail::before {
		font-size: 48px;
		top: 81%;
		right: 45%;
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		> div.body
		> .detail
		div:has(> div#Vk6BFWqxWl) {
		position: relative;
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		> div.body
		> .detail
		div#Vk6BFWqxWl {
		--max-height: 300px;
		height: var(--max-height);
		width: 100%;
		overflow-y: hidden;
		transition-behavior: normal;
		transition-duration: 0.7s;
		transition-timing-function: linear;
		transition-delay: 0s;
		transition-property: height;
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		> div.body
		> .detail
		div#Vk6BFWqxWl
		> div {
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		> div.body
		> .detail
		div#Vk6BFWqxWl
		> svg#close {
		position: absolute;
		right: 12px;
		top: 12px;
		z-index: 100;
		opacity: 1;
		transition-behavior: normal;
		transition-duration: 0.7s;
		transition-timing-function: linear;
		transition-delay: 0s;
		transition-property: opacity;
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		> div.body
		> .detail
		div#Vk6BFWqxWl
		svg#close:hover {
		stroke: red;
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		> div.body
		> .detail
		div#Vk6BFWqxWl.hide-progressive {
		height: 0px;
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		> div.body
		> .detail
		div#Vk6BFWqxWl.hide-progressive
		> svg#close {
		opacity: 0;
		pointer-events: none;
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		> div.body
		> .detail
		div#Vk6BFWqxWl.computing {
		height: auto;
		border-top-width: 1px;
		border-right-width: 1px;
		border-bottom-width: 1px;
		border-left-width: 1px;
		border-top-style: solid;
		border-right-style: solid;
		border-bottom-style: solid;
		border-left-style: solid;
		border-top-color: initial;
		border-right-color: initial;
		border-bottom-color: initial;
		border-left-color: initial;
		border-image-source: initial;
		border-image-slice: initial;
		border-image-width: initial;
		border-image-outset: initial;
		border-image-repeat: initial;
		visibility: hidden;
		display: block;
		overflow-x: visible;
		transition-behavior: normal;
		transition-duration: 0s;
		transition-timing-function: ease;
		transition-delay: 0s;
		transition-property: none;
		z-index: -1;
		width: auto;
		position: absolute !important;
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		> div.body
		> .detail
		div.smart-label {
		padding-top: 16px;
		padding-right: 16px;
		padding-bottom: 16px;
		padding-left: 16px;
		margin-bottom: 32px !important;
		margin-top: 8px !important;
		margin-left: auto;
		margin-right: auto;
		width: auto;
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		> div.body
		> .detail
		div.smart-label
		textarea {
		height: 200px;
		overflow-y: auto;
	}

	body.dribbble-v-1
		dialog.control:not(
			.theme-final
		).master-detail-view-base.menu-detail-view
		> div.body
		> .detail
		div.smart-label
		CSSNestedDeclarations {
		background-color: aliceblue;
	}
}

/*#endregion dribbble */
/*#region complaint-dialog */
dialog.control.complaint-dialog {
	& div.complaint-editor {
		> section#complaint {
			padding: 8px;
			border: 1px solid var(--border-color-darker);
			border-radius: 8px;
			margin: 16px 0px;
			> h3 {
				margin: 0px;
				font-weight: 500;
			}

			> p {
				margin: 0px;
				color: var(--text-color-lighter);
			}
		}

		> section#editor {
			& * {
			}

			> div#commands {
				display: flex;
				justify-content: space-between;
				padding: 0px 4px;
				> button {
					--button-active-bg-color: hsl(0 0% 95% / 1);
					box-shadow: 0px 0px 1px 1px hsl(0deg 0% 0% / 10%);
					&:active {
						background-color: var(
							--button-active-bg-color
						) !important;
						box-shadow: 0px 0px 0px 1px hsl(0deg 0% 0% / 5%);
					}
				}
			}

			> div {
				margin-bottom: 4px;
				font-weight: 500;
			}

			> textarea {
				height: 200px;
			}
		}

		> section#comments {
			> section {
				/* border-bottom: 1px solid; */
				display: flex;
				border: 1px solid var(--border-color-darker);
				border-radius: 5px;
				margin-top: 16px;
				flex-direction: column;
				justify-content: space-between;
				> * {
					padding: 4px 8px;
				}

				> header {
					display: flex;
					justify-content: space-between;
					border-bottom: 1px solid var(--border-color-darker);
					/* padding:4px 0px; */
					background-color: hsl(217 65% 93% / 1);
					> div#date {
						/* display: flex; */ /* align-items: baseline; */ /* flex-direction: column; */ /* flex: 1 0; */
						font-size: 80%;
						color: var(--text-color-light);
					}

					> div#author {
						/* display: flex; */ /* align-items: baseline; */ /* flex-direction: column; */ /* flex: 1 0; */
						font-size: 90%;
						color: var(--text-color-light);
					}
				}

				> main {
					padding-top: 8px;
					padding-bottom: 8px;
				}
			}
		}
	}
}

/*#endregion complaint-dialog */
/*#region animated circle fetching */
@keyframes rotate-v-1 {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

@-webkit-keyframes rotate-v-1 {
	from {
		-webkit-transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(360deg);
	}
}

.fetching-2 {
	position: relative;
	--speed: 1s;
	--size: 32px;
	--thick: 8px;
	--color: hsl(284deg 9% 53% / 44%);
}

.fetching-2:before {
	content: attr(data-fetch-message);
	z-index: 10;
	position: absolute;
	top: calc(((100% - var(--size)) / 2) + 16px);
	left: calc((100% - var(--size)) / 2);
	transform: translate(-12%, 200%);
	color: var(--text-color-lightest);
}

.fetching-2:after {
	content: "";
	position: absolute;
	top: calc((100% - var(--size)) / 2);
	left: calc((100% - var(--size)) / 2);
	width: var(--size);
	height: var(--size);
	border: solid var(--thick) var(--color);
	border-radius: 50%;
	/* border-right-color: transparent; */
	border-bottom-color: transparent;
	transition: all 0.5s ease-in;
	animation: rotate-v-1 var(--speed) linear infinite;
	-webkit-transition: all 0.5s ease-in;
	-webkit-animation: rotate-v-1 var(--speed) linear infinite;
}

.fetching-original:after {
	content: "";
	position: absolute;
	top: 0px;
	width: 100px;
	height: 100px;
	margin: 110px auto 0;
	border: solid 10px #8822aa;
	border-radius: 50%;
	border-right-color: transparent;
	border-bottom-color: transparent;
	-webkit-transition: all 0.5s ease-in;
	-webkit-animation-name: rotate-v-1;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	transition: all 0.5s ease-in;
	animation-name: rotate-v-1;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

/*#endregion animated circle fetching */
i.spin-pseudo-before {
	--size: 12px;
	--thick: 3px;
	width: var(--size);
	height: var(--size);
	padding: 0px !important;
}

i.spin-pseudo-before:before {
	position: absolute;
	--speed: 1.9s;
	top: calc((100% - var(--size)) / 2);
	left: calc((100% - var(--size)) / 2);
	width: var(--size);
	height: var(--size);
	/* width: calc( var(--size) - var(--thick)); */
	/* height: calc( var(--size) - var(--thick)); */
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
}

i.spin-pseudo-before.run:before {
	content: "" !important;
	--color: hsl(284deg 9% 53% / 44%);
	border: solid var(--thick) var(--color);
	border-radius: 50%;
	/* border-right-color: transparent; */
	border-bottom-color: transparent;
	transition: transform var(--speed) ease-in;
	animation: rotate-v-1 var(--speed) linear infinite;
	-webkit-transition: transform var(--speed) ease-in;
	-webkit-animation: rotate-v-1 var(--speed) linear infinite;
}

/*#endregion unformatted */
dialog.control.master-detail-view-base.detail-fill-height > div.body {
	background-color: transparent !important;
}

dialog.control.master-detail-view-base.detail-fill-height > div.body > .master {
	width: 100% !important;
	flex-basis: 100% !important;
}

dialog.control.master-detail-view-base.detail-fill-height > div.body > .detail {
	position: fixed !important;
	top: 0px !important;
	bottom: 0px !important;
	height: auto;
	width: 0% !important;
	right: 0px !important;
	left: auto !important;
	transition: width 0.5s linear !important;
	/* transition-behavior: allow-discrete !important; */
	/* transition-property: width, z-index  !important; */
	/* transition-duration: 0.9s, 0s  !important; */
	/* transition-timing-function: linear, linear  !important; */
	/* transition-delay: 0s, 0s !important; */
	transform: none !important;
	opacity: 1 !important;
	background-color: transparent !important;
}

dialog.control.master-detail-view-base.detail-fill-height.slide-partial:is(
		.toggle-detail,
		.fixed-detail
	)
	> div.body
	> .detail {
	/* left: 35% !important; */
	width: 65% !important;
	opacity: 1 !important;
}

dialog.control.master-detail-view-base.detail-fill-height
	> :is(div.header, div.footer, div.status),
dialog.control:has(dialog.control.detail-fill-height)
	> :is(div.header, div.footer, div.status) {
	transition: z-index 0.1s linear 0.9s !important;
}

dialog.control.master-detail-view-base.detail-fill-height:is(
		.toggle-detail,
		.fixed-detail
	)
	> :is(div.header, div.footer, div.status),
dialog.control:has(
		dialog.control.detail-fill-height:is(.toggle-detail, .fixed-detail)
	)
	> :is(div.header, div.footer, div.status) {
	z-index: 0 !important;
	/* transition-delay: 0s, 0.9s !important; */
	transition: z-index 0.1s linear 0s !important;
}

dialog.control.full-height-slider {
	/* color:red; */
	width: auto;
	height: auto;
	overflow-x: hidden;
	position: fixed !important;
	right: 0px;
	left: 30%;
	top: 0px;
	bottom: 0px;
	z-index: 9999999999999;
}

dialog.control:has(dialog.control.full-height-slider) {
	color: red;
}

dialog.control:has(dialog.control.full-height-slider) > div.header {
	color: red;
	z-index: 0 !important;
}

/*#region messages-NyzqscLPZl */
section#messages-NyzqscLPZl {
}

section#messages-NyzqscLPZl > nav {
	display: flex;
	flex-direction: row;
	/* justify-content: flex-end; */
	flex-wrap: wrap;
	justify-content: space-between;
}

section#messages-NyzqscLPZl > nav > * {
	padding-right: 8px !important;
	box-sizing: border-box;
}

section#messages-NyzqscLPZl #list-items {
	--border-color: hsl(0 0% 90%);
	--bg-color: hsl(0 0% 95% / 1);
}

section#messages-NyzqscLPZl #list-items .message {
	padding: 0px 16px;
}

section#messages-NyzqscLPZl #list-items .node {
}

section#messages-NyzqscLPZl #list-items .node > .container {
	/* margin-left: 16px; */
	padding: 8px 8px 8px 32px;
	border: 1px solid var(--border-color);
	border-top-width: 0px;
	display: none;
}

section#messages-NyzqscLPZl #list-items.pop > .node > .container,
section#messages-NyzqscLPZl #list-items .node.pop > .container {
	display: flex;
	flex-direction: column;
}

section#messages-NyzqscLPZl #list-items .node > h2,
section#messages-NyzqscLPZl #list-items .node > h2 * {
	cursor: pointer;
}

section#messages-NyzqscLPZl #list-items .node > h2 i#expand-container {
	transform: rotateX(0deg);
	transform-origin: center center;
	position: absolute;
	right: 0px;
}

section#messages-NyzqscLPZl #list-items .node.pop > h2 i#expand-container {
	transform: rotateX(180deg);
}

section#messages-NyzqscLPZl #list-items .message pre {
	background-color: aliceblue;
	padding: 8px;
	white-space: pre-line;
	border: 1px solid hsl(0deg 0% 0% / 12%);
	border-radius: 8px;
	margin: 0px 0px 16px 0px;
}

section#messages-NyzqscLPZl #list-items h2 {
	font-size: 120%;
	margin-top: 8px;
	display: flex;
	width: 100%;
	justify-content: space-between;
	border: 1px solid var(--border-color);
	background-color: var(--bg-color);
	margin-bottom: 0px;
	padding: 8px 8px 8px 16px;
	box-sizing: border-box;
}

section#messages-NyzqscLPZl #list-items .node.pop > h2 {
	border-bottom-width: 0px;
}

section#messages-NyzqscLPZl #list-items .message a {
	display: flex;
	width: 100%;
	justify-content: space-between;
}

section#messages-NyzqscLPZl #list-items .message h3 {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 100%;
	margin: 8px 0px;
}

section#messages-NyzqscLPZl #list-items .message h3 > div {
}

section#messages-NyzqscLPZl #list-items .message h3 > div.text {
	color: red;
}

section#messages-NyzqscLPZl div.item-tools > i {
}

section#messages-NyzqscLPZl div#contact {
	display: flex;
	order: 0;
}

section#messages-NyzqscLPZl div#contact > div {
	color: coral;
	margin-left: 4px;
	font-weight: normal;
	margin-right: 11px;
	min-width: 50px;
}

section#messages-NyzqscLPZl div#contact #request-phone-number {
}

section#messages-NyzqscLPZl div#contact #request-name {
	white-space: nowrap;
}

dialog.pop-select-dialog {
	height: fit-content !important;
	width: fit-content;
}

@media (max-width: 640px) {
	section#messages-NyzqscLPZl * {
	}

	section#messages-NyzqscLPZl > nav {
		/* flex-direction: row-reverse; */
		justify-content: flex-end;
	}

	section#messages-NyzqscLPZl nav div#contact {
		order: 10;
	}

	section#messages-NyzqscLPZl nav div.item-tools {
		margin-top: 8px;
		margin-bottom: 8px;
		justify-content: space-around;
		flex: 1 0;
	}

	section#messages-NyzqscLPZl div.item-tools > i {
		padding: 0px 8px !important;
		margin: 0px !important;
		font-size: 1.8rem !important;
	}

	section#messages-NyzqscLPZl div.item-tools > i:before {
		justify-content: center;
		display: flex;
		align-items: center;
	}
}

/*#endregion messages-NyzqscLPZl */
div#x-container {
	container-type: scroll-state;
	container-name: my-container;
	width: 600px;
	height: 650px;
	border: 1px solid;
	overflow-x: auto;
	overflow-y: hidden;
	display: block;
	white-space: nowrap;
	flex-wrap: nowrap;
	background-color: yellow;
}

/*#region scroll-state */
div#x-container > div {
	height: 600px;
	display: inline-block;
}

div#x-container > #fill {
	width: 300px;
}

div#x-container > #fill2 {
	background-color: #00ffa0;
	width: 450px;
}

div#x-container > #fill3 {
	background-color: #4a00ff;
	width: 450px;
}

/* @container my-container scroll-state (scrollable: inline-start) {
    div#x-container > #fill2 {
        background-color: red;
    }
} */

/*#endregion scroll-state */
/*# sourceMappingURL=/common/styles/web/desktop.css */