/* === Views === */

/**
 * Action: scribe.view/app
 **/

.scribe-app{
	height: 100%; width: 100%; overflow: hidden; display: flex; flex-direction: column;
	padding-top: var(--scribe-menu-margin); background: var(--scribe-background);
}
.scribe-app-mobile, .scribe-app-mobile:hover, .scribe-app-mobile:focus{
	height: var(--scribe-menu-height); width: var(--scribe-menu-height);
	background-size: var(--scribe-logo-height) var(--scribe-logo-height);
}
.scribe-app-mobile{ 
	z-index: 200; line-height: 1em; position: absolute; top: 0; left: 0; cursor: pointer; 
	display: none; align-items: center; justify-content: center; transition: all .5s;
	background-position: center center; background-repeat: no-repeat;
	filter: var(--scribe-toggle-filter); transform: var(--scribe-toggle-transform);
	background-color: var(--scribe-toggle-background);
	border-right: var(--scribe-toggle-border); border-bottom: var(--scribe-toggle-border);
}
.scribe-app-mobile.on, .scribe-app-mobile.on:hover, .scribe-app-mobile.on:focus{ 
	filter: var(--scribe-toggle-on-filter); transform: var(--scribe-toggle-on-transform);
	background-color: var(--scribe-toggle-on-background);
	border-right: var(--scribe-toggle-on-border); border-bottom: var(--scribe-toggle-on-border);
}

@media (max-width: 1200px){
    .scribe-app-mobile{ display: flex; }
	.scribe-app{ padding-top: 0em; }
}

.scribe-app-menu{ 
	display: flex; align-items: center; justify-content: var(--scribe-menu-align); 
	position: fixed; top: 0; left: 0; cursor: default; padding: var(--scribe-menu-padding); 
	z-index: var(--scribe-menu-index); width: 100%;
	background: var(--scribe-menu-background); color: var(--scribe-menu-color);
	box-shadow: var(--scribe-menu-shadow); border-bottom: var(--scribe-menu-border);
}
.scribe-app-menu-wrap{
	display: flex; align-items: center; justify-content: center; padding: 0 var(--scribe-nav-padding);
	height: var(--scribe-menu-height); background: var(--scribe-nav-background);
	border: var(--scribe-nav-border); box-shadow: var(--scribe-nav-shadow);
	border-radius: var(--scribe-nav-radius);
}
.scribe-app-menu-home{ padding: 0em var(--scribe-logo-padding); height: 100%; display: flex; align-items: center; justify-content: center; }
.scribe-app-menu-logo{ height: var(--scribe-logo-height); filter: var(--scribe-logo-filter); }
.scribe-app-menu-nav{ display: flex; align-items: center; height: 100%; white-space: nowrap; flex-grow: var(--scribe-menu-grow); align-items: center; }
.scribe-app-menu-ul{ display: flex; flex-direction: column; white-space: nowrap; }
.scribe-app-menu-li{ position: relative; }
.scribe-app-menu-li:hover{ height: calc(100% + var(--scribe-submenu-margin)); }
.scribe-app-menu-li .scribe-app-menu-ul{ display: none; position: absolute; top: var(--scribe-submenu-top); left: 0; }
.scribe-app-menu-li:hover .scribe-app-menu-ul{ display: flex; }
.scribe-app-menu-link{ 
	display: flex; align-items: center; 
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
	padding: var(--scribe-link-spacing) 0; color: var(--scribe-submenu-color);
	border-bottom: var(--scribe-link-separator);
	font-size: var(--scribe-link-size); text-shadow: var(--scribe-link-weight); 
	text-decoration: var(--scribe-link-decoration);
}
.scribe-app-menu-link:hover{ text-shadow: var(--scribe-link-over-weight); text-decoration: var(--scribe-link-over-decoration); }
.scribe-app-menu-link:focus{ position: relative; z-index: 1; text-shadow: var(--scribe-link-focus-weight); text-decoration: var(--scribe-link-focus-decoration); }
.scribe-app-menu-li:last-child>.scribe-app-menu-link{ border-bottom: none; }
.scribe-app-menu-text{ flex-grow: 1; }
.scribe-app-menu-actions{ display: flex; align-items: center; margin-left: var(--input-padding); filter: var(--scribe-menu-filter); }
.scribe-app-menu-action{ height: 1em; width: 1em; flex: 0 0 1em; margin-left: .25em; }
.scribe-app-menu-action:first-child{ margin-left: 0; }
.scribe-app-menu-0-ul{ flex-direction: row; align-items: center; height: 100%; }
.scribe-app-menu-0-li{ height: 100%; display: flex; align-items: center; border-top: none; }
.scribe-app-menu-0-link{ 
	border-bottom: none;
	border-left: var(--scribe-link0-separator); padding: var(--scribe-link0-padding); 
	font-size: var(--scribe-link0-size); text-shadow: var(--scribe-mob-link0-weight); 
	text-decoration: var(--scribe-link0-decoration); color: var(--scribe-menu-color);
}
.scribe-app-menu-0-link:hover{ text-shadow: var(--scribe-link0-over-weight); text-decoration: var(--scribe-link0-over-decoration); }
.scribe-app-menu-0-link:focus{ outline: none; text-shadow: var(--scribe-link0-focus-weight); text-decoration: var(--scribe-link0-focus-decoration); }
.scribe-app-menu-0-li:first-child>.scribe-app-menu-0-link{ border-left: none; }
.scribe-app-menu-0-link{ padding: 0 var(--scribe-link-padding); }
.scribe-app-menu-1-ul{ 
	padding: var(--scribe-submenu-padding); 
	background: var(--scribe-submenu-background); color: var(--scribe-submenu-color);
	box-shadow: var(--scribe-submenu-shadow); border-top: var(--scribe-submenu-separator); 
	backdrop-filter: blur(var(--scribe-submenu-blur));
	border-radius: var(--scribe-submenu-radius);
}
.scribe-app-menu-aside{ display: flex; align-items: center; height: 100%; }

@media (max-width: 1200px){
    .scribe-app-menu{ 
		width: 0em; height: var(--scribe-mob-menu-height); padding: 0; flex-direction: column; overflow: hidden; 
		box-shadow: var(--scribe-mob-menu-shadow); background: var(--scribe-mob-menu-background);
		color: var(--scribe-mob-menu-color);
	}
	.scribe-app-menu:hover, .scribe-app-menu.on{ flex: 0 0 var(--scribe-mob-menu-width); width: var(--scribe-mob-menu-width); }
	.scribe-app-menu-wrap{ flex-direction: column; height: 100%; width: 100%; padding: 0; border-radius: 0; }	
	.scribe-app-menu-home{ flex: 0 0 var(--scribe-menu-height); }
	.scribe-app-menu-logo{ filter: var(--scribe-toggle-filter); }
	.scribe-app-menu-nav{ 
		width: 100%; text-align: left; flex-grow: 1; overflow-y: auto; align-items: flex-start;
		padding: var(--scribe-mob-menu-padding); background: var(--scribe-mob-menu-fill);
		border-top: var(--scribe-mob-menu-border); border-bottom: var(--scribe-mob-menu-border); 
	}
	.scribe-app-menu-ul, .scribe-app-menu-li .scribe-app-menu-ul{ 
		display: flex; flex-direction: column; position: static; border-top: none; 
		height: auto; width: 100%; padding: 0; box-shadow: none; background: none;
	}
	.scribe-app-menu-li{ flex-direction: column; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
	.scribe-app-menu-li, .scribe-app-menu-li:hover{ height: auto; }
	.scribe-app-menu-link, .scribe-app-menu-link:hover, .scribe-app-menu-link:focus{ 
		display: block; width: 100%; border-left: none; text-shadow: none;
		padding: var(--scribe-mob-link-padding); color: var(--scribe-mob-menu-color);
		border: var(--scribe-mob-link-border); background: var(--scribe-mob-link-background);
		border-bottom: var(--scribe-mob-link-separator); 
		font-size: var(--scribe-mob-link-size); font-weight: var(--scribe-mob-link-weight); 
		text-decoration: var(--scribe-mob-link-decoration);
	}
	.scribe-app-menu-0-link, .scribe-app-menu-0-link:hover, .scribe-app-menu-0-link:focus{ 
		padding: var(--scribe-mob-link0-padding); 
		border: var(--scribe-mob-link0-border); background: var(--scribe-mob-link0-background);
		border-bottom: var(--scribe-mob-link0-separator); 
		font-size: var(--scribe-mob-link0-size); font-weight: var(--scribe-mob-link0-weight); 
		text-decoration: var(--scribe-mob-link0-decoration);
	}
	.scribe-app-menu-0-li:last-child>.scribe-app-menu-0-link{ border-bottom: var(--scribe-mob-link0-separator); }
	.scribe-app-menu-aside{ height: auto; }
}

.scribe-app-tools{ height: 100%; display: flex; align-items: center; justify-content: center; position: relative; padding: var(--scribe-logo-padding); }
.scribe-app-tools-icon, .scribe-app-tools-icon:focus, .scribe-app-tools-icon:hover{ filter: var(--scribe-menu-filter); }
.scribe-app-tools-menu{ margin-top: calc((var(--scribe-menu-height) - var(--icon-size) + var(--scribe-submenu-margin)) / 2); }
.scribe-app-tools-menu{ 
	background: var(--scribe-submenu-background); box-shadow: var(--scribe-submenu-shadow); 
	border-top: var(--scribe-submenu-separator); padding: 0em;
}
.scribe-app-tools-ul{ display: flex; align-items: center; padding: 1em; }
.scribe-app-tools-li{ margin-left: .5em; }
.scribe-app-tools-li:first-child{ margin-left: 0em; }
.scribe-app-tools-actions{ 
	padding: var(--input-padding); background: var(--input-background); color: var(--input-color); 
	display: flex; align-items: center; justify-content: center;
}
.scribe-app-tools-actions-check{ margin-right: var(--input-padding); }
.scribe-app-tools-li, .scribe-app-tools-li:focus, .scribe-app-tools-li:hover{ filter: var(--scribe-menu-filter); }

@media (max-width: 1200px){
	.scribe-app-tools{ height: auto; }
	.scribe-app-tools-icon, .scribe-app-tools-icon:focus, .scribe-app-tools-icon:hover{ filter: var(--scribe-toggle-filter); }
}

.scribe-app-dialogs, .scribe-app-dialogs:hover, .scribe-app-dialogs:focus{ 
	font-weight: var(--scribe-dialogs-weight); color: var(--scribe-dialogs-color); 
	background: var(--scribe-dialogs-background); border: var(--scribe-dialogs-border);
	border-radius: var(--scribe-dialogs-radius); box-shadow: var(--scribe-dialogs-shadow);
}
.scribe-app-dialogs:before, .scribe-app-dialogs:hover:before, .scribe-app-dialogs:focus:before{ filter: var(--scribe-dialogs-icon); }
.scribe-app-dialogs:focus{ outline: var(--scribe-dialogs-outline); }
.scribe-app-dialogs-tooltip{
	margin-top: calc((var(--scribe-menu-height) - var(--button-height) + var(--scribe-submenu-margin)) / 2);
	padding: calc(2 * var(--input-padding)); background: var(--scribe-submenu-background); 
	box-shadow: var(--scribe-submenu-shadow); border-top: var(--scribe-submenu-separator);
	color: var(--scribe-submenu-color);
}
.scribe-app-dialogs-li{ display: flex; padding: .5em 0em; }
.scribe-app-dialogs-li:first-child{ padding-top: 0em; }
.scribe-app-dialogs-li:last-child{ padding-bottom: 0em; border-bottom: none; }
.scribe-app-dialogs-title{ font-size: 1.125em; white-space: nowrap; display: flex; align-items: center; cursor: pointer; flex-grow: 1; }
.scribe-app-dialogs-title>*{ margin-left: .5em; }
.scribe-app-dialogs-title>*:first-child{ margin-left: 0em; filter: none !important; }
.scribe-app-dialogs-close{ margin-left: .5em; height: 1.25em; width: 1.25em; flex: 0 0 1.25em; filter: var(--scribe-dialogs-close); } 

.scribe-app-user{ display: flex; align-items: center; height: 100%; cursor: pointer; padding: var(--scribe-logo-padding); }
.scribe-app-user-face{ 
	height: calc(1.25 * var(--input-icon)); margin-right: var(--input-padding); 
	filter: var(--scribe-menu-filter);
}
.scribe-app-user-connected{ font-size: .75em; }
.scribe-app-user-value{ font-weight: bold; font-size: .875em; }
.scribe-app-user-tooltip{ 
	margin: 0; margin-top: calc(.5 * var(--scribe-submenu-margin)); padding: calc(2 * var(--input-padding));
	background: var(--scribe-submenu-background); box-shadow: var(--scribe-submenu-shadow); 
	border-top: var(--scribe-submenu-separator); color: var(--scribe-submenu-color);
}
.scribe-app-user-tooltip>*{ margin-top: var(--scribe-submenu-spacing); padding-top: var(--scribe-submenu-spacing); border-top: var(--scribe-submenu-separator); }
.scribe-app-user-tooltip>*:first-child{ margin-top: 0em; padding-top: 0em; border-top: none; }
.scribe-app-user-row{ padding: calc(.5 * var(--input-padding)); display: flex; align-items: center; }
.scribe-app-user-row-label{ display: flex; align-items: center; white-space: nowrap; }
.scribe-app-user-row-label:after{ content: ":"; margin: 0 .25em; }
.scribe-app-user-row-value{ font-weight: bold; white-space: nowrap; }
.scribe-app-user-link{ 
	width: 100%; display: flex; align-items: center; padding: calc(.5 * var(--input-padding)); 
	color: var(--scribe-submenu-color);
}
.scribe-app-user-icon{ 
	height: 1em; width: 1em; flex: 0 0 1em; filter: var(--scribe-menu-filter); 
	margin-right: var(--input-padding); 
}

@media (max-width: 1200px){
	.scribe-app-user{ height: auto; }
	.scribe-app-user-face{ filter: var(--scribe-toggle-filter); }
}

.scribe-app-main{ 
	flex-grow: 1; display: flex; flex-direction: column; 
	overflow-x: hidden; overflow-y: auto; background: var(--scribe-main-background); 
}
.scribe-app-header{
	flex-grow: 1; display: flex; flex-direction: column; align-items: center; justify-content: center;
	padding: var(--scribe-header-padding); flex: 0 0 var(--scribe-header-height); 
	height: var(--scribe-header-height); background: var(--scribe-header-background);
	background-size: cover; background-position: center center; background-repeat: no-repeat;
}
.scribe-app-header-wrap{
	display: flex; flex-direction: column; align-items: center; justify-content: center;
	width: min(100%, var(--scribe-header-wrap));
}
.scribe-app-header-wrap>*{ margin-top: var(--scribe-header-margin); }
.scribe-app-header-wrap>*:first-child{ margin-top: 0; }
.scribe-app-img{ 
	height: var(--scribe-header-icon); filter: var(--scribe-header-filter); 
	margin-left: auto; margin-right: auto;
}
.scribe-app-h1{ 
	font-size: var(--scribe-title-size); font-weight: var(--scribe-title-weight); 
	color: var(--scribe-title-color); text-align: var(--scribe-title-align); 
}
.scribe-app-title-h1{ 
	font-size: var(--scribe-title-brief); font-weight: var(--scribe-title-weight); 
	color: var(--scribe-title-color); text-align: var(--scribe-title-align); 
}
.scribe-app-subtitle{
	font-size: var(--scribe-title-subtitle); font-weight: normal; 
	color: var(--scribe-title-color); text-align: var(--scribe-title-align); 
}
.scribe-app-description{ 
	font-size: var(--scribe-description-size); font-weight: var(--scribe-description-weight); 
	color: var(--scribe-description-color); text-align: var(--scribe-description-align); 
}

.scribe-app-footer{
	position: relative; z-index: var(--scribe-footer-index); display: flex; flex-direction: column; 
	padding: var(--scribe-footer-padding); background: var(--scribe-footer-background); box-shadow: var(--scribe-footer-shadow);
}
.scribe-app-footer>*{ display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; }
.scribe-app-footer>*:after{ 
	content: ""; position: absolute; z-index: 1; top: 100%; left: calc(50% - .5 * min(100%, var(--scribe-footer-wrap)));
	width: min(100%, var(--scribe-footer-wrap)); border-top: var(--scribe-footer-separator); 
}
.scribe-app-footer>*:last-child:after{ display: none; }
.scribe-app-summary{ padding: var(--scribe-summary-padding); background: var(--scribe-summary-background); }
.scribe-app-summary-link{ padding: var(--scribe-summary-spacing); color: var(--scribe-summary-color); display: flex; align-items: center; }
.scribe-app-summary-0-ul{ display: flex; }
.scribe-app-summary-0-li{ padding-right: var(--scribe-summary-margin); margin-right: var(--scribe-summary-margin); border-right: var(--scribe-summary-separator); }
.scribe-app-summary-0-li:last-child{ padding-right: 0; margin-right: 0; border-right: none; }
.scribe-app-summary-0-link{ justify-content: center; font-weight: bold; }
.scribe-app-author{ padding: var(--scribe-author-padding); background: var(--scribe-author-background); color: var(--scribe-author-color); }
.scribe-app-author-link{ display: flex; align-items: center; color: var(--scribe-author-color); }
.scribe-app-author-icon{ height: 1.25em; margin-left: .5em; filter: var(--scribe-author-filter); }

@media (max-width: 1200px){	
	.scribe-app-header{ flex: 0 0 var(--scribe-mob-header-height); height: var(--scribe-header-height); }
	.scribe-app-img{ height: var(--scribe-mob-header-icon); }
	.scribe-app-summary-0-ul{ flex-direction: column; width: 100%; }
	.scribe-app-summary-0-li{ 
		padding-right: 0; margin-right: 0; border-right: none; 
		padding-bottom: var(--scribe-summary-margin); margin-bottom: var(--scribe-summary-margin); border-bottom: var(--scribe-summary-separator); 
	}
	.scribe-app-summary-0-li:last-child{ padding-bottom: 0; margin-bottom: 0; border-bottom: none; }
}

.scribe-post-list{ padding: 0em; }

/* Capture */

.scribe-capture{ font-size: calc(var(--scribe-capture) * var(--em)); }
.scribe-capture-menu{ display: none; }
.scribe-capture-main>*:first-child{ height: 100vh; }

/**
 * Action: scribe.view/post
 **/

/**
 * Action: scribe.view/category
 **/



/* === Layout === */

/**
 * Action: scribe.admin
 **/

.scribe-admin-section{ display: flex; flex-direction: column; overflow: hidden; }
.scribe-admin-header{ height: var(--tabs-height); flex: 0 0 var(--tabs-height); }
.scribe-admin-header{ display: flex; background: var(--tabs-background); position: relative; z-index: 5; }
.scribe-admin-ul{ 
	display: flex; height: 100%; width: 100%; overflow-x: auto; position: relative;
	align-items: center; padding: var(--tabs-padding); border-bottom: var(--tabs-active-border);
}
.scribe-admin-li{ cursor: pointer; margin-left: var(--tabs-button-margin); border-left: var(--tabs-active-border); }
.scribe-admin-li:first-child{ margin-left: 0em; border-left: none; }
.scribe-admin-link{ 
	display: flex; align-items: center; position: relative; z-index: 2; height: 100%; padding: 0em var(--tabs-button-padding);
	font-weight: var(--tabs-button-weight); text-decoration: var(--tabs-button-decoration); text-shadow: var(--tabs-button-shadow);  
}
.scribe-admin-link.active{
	font-weight: var(--tabs-active-weight); text-decoration: var(--tabs-active-decoration); text-shadow: var(--tabs-active-shadow);  
}
.scribe-admin-link:focus{
	z-index: 3;
	font-weight: var(--tabs-focus-weight); text-decoration: var(--tabs-focus-decoration); text-shadow: var(--tabs-focus-shadow);  
}
.scribe-admin-icon{ height: var(--tabs-button-size); width: var(--tabs-button-size); flex: 0 0 var(--tabs-button-size); margin-right: var(--input-padding); }
.scribe-admin-text{ font-size: var(--tabs-button-size); }
.scribe-admin-center{ flex-grow: 1; overflow: hidden; }

/**
 * Action: scribe.category/list
 **/

.post-category-list-icons{ display: flex; align-items: center; justify-content: center; padding: 1px; }
.post-category-list-icons>*{ height: var(--input-icon); width: var(--input-icon); flex: 0 0 var(--input-icon); }
.post-category-list-icons>*{ margin-left: var(--row-padding); }
.post-category-list-icons>*:first-child{ margin-left: 0; }

.post-category-list-detail{ display: flex; align-items: center; }
.post-category-list-detail>*{ display: flex; align-items: center; }
.post-category-list-detail>*{ padding: 0 var(--row-padding); border-left: var(--input-border); }
.post-category-list-detail>*:first-child{ padding-left: 0; border-left: none; }
.post-category-list-detail>*:before{ content: ""; height: 1em; width: 1em; flex: 0 0 1em; margin-right: var(--row-padding); }
.post-category-list-detail>*:before{ background-size: contain; background-position: center center; background-repeat: no-repeat; }

.post-category-list-item-icon{ height: 2.5em; width: 2.5em; flex: 0 0 2.5em; }
.post-category-list-item-box{ flex-grow: 1; position: relative; overflow: hidden; }
.post-category-list-item-box{ padding-left: var(--row-padding); margin-left: var(--row-padding); border-left: var(--input-border); }
.post-category-list-item-box>*{ margin-top: 1pt; }
.post-category-list-item-box>*:first-child{ margin-top: 0px; }
.post-category-list-item-wrap{ display: flex; align-items: center; padding: 0em; max-width: 100%; overflow: hidden; }
.post-category-list-item-icons{ margin-left: var(--row-padding); }
.post-category-list-item-text{ font-weight: bold; font-size: 1.25em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.post-category-list-item-comment{ width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.post-category-list-li .post-list-image{ width: 2.5em; flex: 0 0 2.5em; }
.post-category-list-li .post-list-description{ display: none; }

.post-category-list-cell-data{ margin-top: var(--row-padding); flex-direction: column; }
.post-category-list-cell-icon{ height: 3em; width: 3em; flex: 0 0 3em; }
.post-category-list-cell-data{ width: 100%; overflow: hidden; }
.post-category-list-cell-box{ position: static !important; width: 100%; }
.post-category-list-cell-icons{ margin-top: var(--row-padding); }
.post-category-list-cell-text{ font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.post-category-list-cell-id{ position: absolute; top: 0; right: 0; padding: var(--row-padding); opacity: .5; }
.post-category-list-cell-comment{ height: auto; width: auto; max-width: 20em; flex: 0 0 auto; }

.post-category-list-dialog .post-category-list-grid{ grid-template-columns: repeat(3, 33.33%); }
@media (max-width: 1200px){
	.post-category-list-dialog .post-category-list-grid{ grid-template-columns: repeat(2, 25%); }
}

/**
 * Action: scribe.category/edit
 **/

.post-category-edit-app-col{ flex-grow: 1; flex-basis: 0; }
.post-category-edit-type-col{ flex-grow: 1; flex-basis: 0; }
.post-category-edit-icon-image{ height: var(--input-height); width: var(--input-height); flex: 0 0 var(--input-height); }
.post-category-edit-icon-image{ background-repeat: no-repeat; background-position: center center; }
.post-category-edit-icon-image{ background-size: var(--input-icon) var(--input-icon); }
.post-category-edit-icon-value{ flex-grow: 1; display: flex; }
.post-category-edit-icon-name{ flex-grow: 1; margin-right: var(--input-padding); }
.post-category-edit-text-col{ flex-grow: 1; flex-basis: 0; }
.post-category-edit-comment-col{ flex-grow: 2; flex-basis: 0; }
.post-category-edit-prefix-input{ width: auto; }
.post-category-edit-slug-input{ flex-grow: 1; border-left: none !important; }
.off+.post-category-edit-slug-input{ margin-left: calc(-1 * var(--input-padding)); }
.post-category-edit-option{ flex: 0 0 7em; width: 7em; }
.post-category-edit-option>*:first-child{ margin-left: 0 !important; margin-right: var(--input-padding); }
.post-category-edit-option-text:last-child{ margin-right: 0 !important; }
.post-category-edit-option-text{ white-space: nowrap; flex-grow: 1; }
.post-category-edit-options{ display: flex; }
.post-category-edit-options>*{ flex: 0 0 auto; width: auto; margin-left: var(--input-padding); }
.post-category-edit-options>*:first-child{ margin-left: 0; }

.post-category-edit-dialog-window{ width: min(100%, 40em); height: auto; }

@media (max-width: 1200px){
	.post-category-edit-isPost-cols{ grid-template-columns: 1fr 1fr; }
	.post-category-edit-isPost-cols>*:nth-child(2n){ margin-top: 0; margin-left: var(--input-padding); }
	.post-category-edit-isPost-cols>*>*{ flex: 0 0 auto; width: 100%; }
	.post-category-edit-isCascade-cols{ grid-template-columns: 7em 1fr; }
	.post-category-edit-isCascade-cols>*:nth-child(2n){ margin-top: 0; margin-left: var(--input-padding); }
	.post-category-edit-isCascade-cols>*>*{ flex: 0 0 auto; width: 100%; }
	.post-category-edit-isCascade-option{ width: 100%; }
}

/**
 * Action: scribe.type/list
 **/

.post-type-list-code{ display: flex; align-items: center; opacity: .5; } 
.post-type-list-code:before{ content: "#"; display: block; } 

.post-type-list-cell-id{ position: absolute; top: 0; right: 0; opacity: .5; padding: var(--row-padding); }
.post-type-list-cell-icon{ flex: 0 0 3em; width: 3em; height: 3em; }
.post-type-list-cell-data{ width: 100%; overflow: hidden; }
.post-type-list-cell-name{ font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.post-type-list-cell-texts{ width: 100%; display: flex; overflow: hidden; justify-content: center; }
.post-type-list-cell-text{ display: flex; align-items: center; overflow: hidden; }
.post-type-list-cell-code{ display: none; }
.post-type-list-cell-info{ height: 1.25em; width: 1.25em; flex: 0 0 1.25em; margin-left: var(--row-padding); }

.post-type-list-col-icon{ flex: 0 0 5em; }
.post-type-list-item-icon{ height: 2.5em; width: 2.5em; flex: 0 0 2.5em; }
.post-type-list-item-texts{ flex-grow: 1; position: relative; }
.post-type-list-item-text{ display: flex; align-items: center; }
.post-type-list-item-text>*{ margin-left: var(--row-padding); }
.post-type-list-item-text>*:first-child{ margin-left: 0; }
.post-type-list-item-id{ position: absolute; top: 0; right: 0; opacity: .5; padding: var(--row-padding); }
.post-type-list-item-name{ font-weight: bold; }

.post-type-list-td-data{ align-items: flex-start; }
.post-type-list-row-name{ font-weight: bold; }
.post-type-list-row-text{ display: flex; align-items: center; }
.post-type-list-row-text>*{ margin-left: var(--row-padding); }
.post-type-list-row-text>*:first-child{ margin-left: 0; }
.post-type-list-row-id{ position: absolute; top: 0; right: 0; opacity: .5; padding: var(--row-padding); }

/**
 * Action: scribe.type/edit
 **/

.post-type-edit-app-col{ width: 12em; flex: 0 0 12em; }
.post-type-edit-app-input{ padding: var(--input-padding); }
.post-type-edit-app-data{ flex-grow: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.post-type-edit-icon-col{ flex-grow: 1; }
.post-type-edit-icon-image{ height: var(--input-height); width: var(--input-height); flex: 0 0 var(--input-height); }
.post-type-edit-icon-image{ background-repeat: no-repeat; background-position: center center; }
.post-type-edit-icon-image{ background-size: var(--input-icon) var(--input-icon); }
.post-type-edit-icon-value{ flex-grow: 1; display: flex; }
.post-type-edit-icon-name{ flex-grow: 1; margin-right: var(--input-padding); }
.post-type-edit-code-col{ width: 12em; flex: 0 0 12em; }
.post-type-edit-name-col{ flex-grow: 1; }
.post-type-edit-hooks-input{ display: flex; }
.post-type-edit-hooks-input>*:first-child{ margin-left: 0; border-right: none; }
.post-type-edit-category-hook-input{ width: 12em; }
.post-type-edit-post-hook-input{ width: 12em; }
.post-type-edit-palet-col{ width: 12em; flex: 0 0 12em; }
.post-type-edit-skin-col{ width: 9em; flex: 0 0 9em; }
.post-type-edit-options{ display: flex; align-items: center; }
.post-type-edit-options>*{ margin-left: var(--input-padding); }
.post-type-edit-options>*:first-child{ margin-left: 0; }
.post-type-edit-option>*:first-child{ margin-left: 0; }
.post-type-edit-option>*:last-child{ margin-right: 0; }
.post-type-edit-option-check{ margin-right: var(--input-padding); }

.post-type-edit-dialog-window{ width: min(100%, 40em); height: min(100%, 35em); }

/**
 * Action: scribe.type/list
 **/

.post-app-list-name{ display: flex; align-items: center; opacity: .5; white-space: nowrap; } 
.post-app-list-name:before{ content: "#"; display: block; } 
.post-app-list-text{ font-weight: bold; }
.post-app-list-texts{ display: flex; align-items: center; }
.post-app-list-texts>*{ margin-left: var(--row-padding); }
.post-app-list-texts>*:first-child{ margin-left: 0; }

.post-app-list-cell-id{ position: absolute; top: 0; right: 0; opacity: .5; padding: var(--row-padding); }
.post-app-list-cell-icon{ width: 100%; height: 2.5em; flex: 0 0 2.5em; }
.post-app-list-cell-data{ width: 100%; overflow: hidden; }
.post-app-list-cell-data>*{ margin-top: var(--row-padding); }
.post-app-list-cell-info{ position: absolute; top: 0; left: 0; }
.post-app-list-cell-info{ height: 1.25em; width: 1.25em; flex: 0 0 1.25em; margin-left: var(--row-padding); }

.post-app-list-item-left{ padding: var(--row-padding); display: flex; align-items: center; justify-content: center; }
.post-app-list-item-left{ background: var(--rows-background); }
.post-app-list-item-icon{ height: 2.5em; width: 5em; flex: 0 0 5em; }
.post-app-list-item-data{ flex-direction: column; align-items: flex-start; }
.post-app-list-item-id{ position: absolute; top: 0; right: 0; opacity: .5; padding: var(--row-padding); }
.post-app-list-item-description{ width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.post-app-list-col-logo{ flex: 0 0 9em; }
.post-app-list-td-data{ align-items: flex-start; }
.post-app-list-row-icon{ width: 100%; height: 2.5em; }
.post-app-list-row-id{ position: absolute; top: 0; right: 0; opacity: .5; padding: var(--row-padding); }

.post-app-list-dialog-window .post-app-list-grid{ grid-template-columns: repeat(3, 33.33%); }

@media (max-width: 1200px){
	.post-app-list-cell-icon{ height: 2em; flex: 0 0 2em; }
	.post-app-list-dialog-window .post-app-list-grid{ grid-template-columns: repeat(2, 50%); }
}

/**
 * Action: scribe.type/edit
 **/

.post-app-edit-name-col{ width: 9em; flex: 0 0 9em; }
.post-app-edit-palet-col{ width: 9em; flex: 0 0 9em; }
.post-app-edit-palet-input{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.post-app-edit-skin-col{ width: 6em; flex: 0 0 6em; }
.post-app-edit-option{ margin-top: var(--input-padding); }
.post-app-edit-option:first-child{ margin-top: 0; }
.post-app-edit-option-check{ margin-right: var(--input-padding); }
.post-app-edit-dialog-window{ width: auto; height: auto; }

/**
 * Action: scribe.post/list
 **/

.post-list-center{ flex-direction: row-reverse; }
.post-list-vtools{ flex-direction: column-reverse; flex: 0 0 25em; width: 25em; }
.post-list-buttons{ justify-content: flex-end; }
.post-list-button{ border-radius: 50%; }

.post-list-parent-filter{ flex-grow: 1; display: flex; flex-direction: column; }
.post-list-parent-input{ flex-grow: 1; border: var(--input-border); --items-padding: var(--row-padding); }

.post-list-option{ display: flex; align-items: center; overflow: hidden; margin-bottom: var(--input-padding); }
.post-list-option:last-child{ margin-bottom: 0; }
.post-list-option-check{ margin-right: var(--input-padding); }
.post-list-option-text{ flex-grow: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.post-list-box{ position: static; flex-grow: 1; overflow: hidden; padding-left: var(--row-padding); border-left: var(--input-border); }
.post-list-box>*{ margin-bottom: 1pt; }
.post-list-box>*:last-child{ margin-bottom: 0pt; }
.post-list-wrap{ display: flex; align-items: center; max-width: 100%; overflow: hidden; padding: 0; }
.post-list-wrap>*{ margin-left: var(--row-padding); }
.post-list-wrap>*:first-child{ margin-left: 0; }
.post-list-icons{ display: flex; align-items: center; }
.post-list-icons>*{ margin-left: var(--row-padding); }
.post-list-icons>*{ height: var(--input-icon); width: var(--input-icon); flex: 0 0 var(--input-icon); }
.post-list-icons>*:first-child{ margin-left: 0; }
.post-list-text{ font-size: 1.25em; font-weight: bold; }
.post-list-text{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.post-list-detail>*{ display: flex; align-items: center; }
.post-list-detail>*:before{ content: ""; height: 1em; width: 1em; flex: 0 0 1em; margin-right: var(--row-padding); }
.post-list-detail>*:before{ background-size: contain; background-position: center center; background-repeat: no-repeat; }
.post-list-at{ font-weight: bold; }
.post-list-state{ font-weight: bold; }
.post-list-state.draft{ color: var(--error-color); }
.post-list-state.todo{ color: var(--warning-color); }
.post-list-state.done{ color: var(--success-color); }
.post-list-uri{ cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.post-list-info{ position: absolute; top: .5em; right: .5em; }

.post-list-item-wrap{ padding: 0; }
.post-list-item-image{ height: 100%; width: 8em; flex: 0 0 8em; background-image: url(/core/img/none/banner.jpg); }
.post-list-item-image{ background-size: cover; background-position: center center; background-repeat: no-repeat; }
.mi-zoom .post-list-item-image{ height: min(100%, 30em); width: min(100%, 50em); flex: 0 0 min(100%, 50em); background-size: contain; }
.post-list-item-description{ opacity: .75; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.post-list-item-detail{ display: flex; align-items: center; padding: 1px 0px; }
.post-list-item-detail>*{ padding: 0 var(--row-padding); border-left: var(--input-border); }
.post-list-item-detail>*:first-child{ padding-left: 0; border-left: none; }

.post-list-cell-top{ padding: 0em; }
.post-list-cell-image{ height: 8em; flex: 0 0 8em; width: 100%; }
.post-list-cell-image{ background-size: cover; background-position: center center; background-image: url(/core/img/none/banner.jpg); }
.post-list-cell-data{ width: 100%; }
.post-list-cell-text{ text-align: center; }
.post-list-cell-box{ width: 100%; text-align: left; padding: calc(1.5 * var(--row-padding)); }
.post-list-cell-detail>*{ padding: var(--row-padding) 0; border-top: var(--input-border); }
.post-list-cell-detail>*:first-child{ border-top: none; }
.post-list-cell-detail>*:last-child{ padding-bottom: 0; }
.post-list-cell-description{ max-width: 30em; white-space: break-spaces; line-height: normal; text-align: justify; }

.post-menu-dialog-window{ height: auto !important; width: 25em !important; }

/**
 * Action: scribe.post/edit
 **/

.post-edit-dialog-wrap{ padding: 0em; }
.post-edit-dialog-window{ height: 100%; width: 100%; max-height: 100%; max-width: 100%; }
.post-data-dialog-window{ height: min(40em, 100%); width: min(50em, 100%); }
.post-edit-dialog-window .mi-dialog-control-fullscreen{ display: none; }

.post-edit-id-col{ width: 5em; flex: 0 0 5em; }
.post-edit-parent-col{ flex-grow: 1; flex-basis: 0; }
.post-edit-parent-input{ overflow: hidden; }
.post-edit-parent-display{ flex-grow: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.post-edit-type-col{ flex-grow: 1; flex-basis: 0; }
.post-edit-type{ width: 100%; }
.post-edit-lists-select{ min-width: 8em; }
.post-edit-lists-count{ margin: 0 !important; flex-grow: 1; }
.post-edit-lists-tooltip{ padding: 0em; }
.post-edit-lists-item, .post-edit-lists-item:hover{ border: none !important; border-bottom: var(--input-border) !important; }
.post-edit-lists-item:last-child{ border-bottom: none !important; }
.post-edit-decorators-col{ flex-grow: 1; }

.post-edit-toggle{ text-align: center; justify-content: center; width: 8em; font-weight: bold; }
.post-edit-toggle{ background: var(--error-background) !important; color: var(--error-color) !important; }
.post-edit-toggle[checked]{ background: var(--success-background) !important; color: var(--success-color) !important; }
.post-edit-options{ display: flex; }
.post-edit-options>*{ margin-left: var(--input-padding); }
.post-edit-options>*:first-child{ margin-left: 0; }
.post-edit-options>*:last-child{ margin-right: 0; }
.post-edit-option{ padding: var(--input-padding); }
.post-edit-option>*:first-child{ margin-left: 0; }
.post-edit-option>*:last-child{ margin-right: 0; }
.post-edit-option-check{ margin-right: var(--input-padding); }
.post-edit-option-text{ white-space: nowrap; }
.post-edit-at-date-input{ border-right: none !important; }
.post-edit-at-time-input{ border-right: none !important; }
.post-edit-draft-col{ width: 7em; flex: 0 0 7em; }
.post-edit-seo-col{ width: 7em; flex: 0 0 7em; }
.post-edit-shareable-col{ width: 7em; flex: 0 0 7em; }
.post-edit-source-col{ flex-grow: 1; }
.post-edit-source{ width: 100%; }

.post-edit-chars{ padding: var(--input-padding); height: var(--input-height); }
.post-edit-success{ background: var(--success-background); color: var(--success-color); } 
.post-edit-error{ background: var(--error-background); color: var(--error-color); } 
.post-edit-slug-col{ flex-grow: 1; }
.post-edit-prefix-input{ width: auto; flex-grow: 1; overflow: visible; }
.post-edit-slug-input{ flex-grow: 1; border-left: none !important; }
.post-edit-title-input{ width: 100%; }
.post-edit-title-col{ flex-grow: 2; }
.post-edit-brief-col{ flex-grow: 1; }
.post-edit-description-input{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.post-edit-description-dialog-window{ height: 35em; width: 45em; }
.post-edit-description-dialog .mi-dialog-control-fullscreen{ display: none; }
.post-edit-description-form{ height: 100%; width: 100%; position: relative; overflow: hidden; }
.post-edit-description-emoji{ position: absolute; top: .5em; right: .5em; z-index: 100; }
.post-edit-description-emoji{ height: var(--window-header-control); width: var(--window-header-control); }
.post-edit-description-value{ height: 100%; width: 100%; padding: 2em; }

.post-edit-icon-col{ display: flex; flex-direction: column; flex: 0 0 14em; }
.post-edit-icon-input{ cursor: pointer; flex-grow: 1; height: calc(3 * var(--input-height)); }
.post-edit-icon-input>*{ height: 100%; }
.post-edit-icon-image{ flex-grow: 1; background-size: auto 4em; background-repeat: no-repeat; background-position: center center; }
.post-edit-icon-remove{ border-left: var(--input-border); }
.post-edit-icon-value{ display: none; }
.post-edit-icon-tooltip{ width: 40em; }
.post-edit-image-col{ display: flex; flex-direction: column; flex: 0 0 14em; }
.post-edit-image-input{ cursor: pointer; flex-grow: 1; height: calc(3 * var(--input-height)); }
.post-edit-image-input>*{ height: 100%; }
.post-edit-image-image{ flex-grow: 1; background-size: cover; background-repeat: no-repeat; background-position: center center; }
.post-edit-image-remove{ border-left: var(--input-border); }
.post-edit-image-value{ display: none; }
.post-edit-image-tooltip{ width: 40em; }
.post-edit-capture{ margin: var(--input-padding) 0em; }
.post-edit-capture-check{ margin-right: var(--input-padding); }
.post-edit-background-col{ display: flex; flex-direction: column; flex: 0 0 14em; }
.post-edit-background-input{ cursor: pointer; flex-grow: 1; height: calc(3 * var(--input-height)); }
.post-edit-background-input>*{ height: 100%; }
.post-edit-background-image{ flex-grow: 1; background-size: cover; background-repeat: no-repeat; background-position: center center; }
.post-edit-background-remove{ border-left: var(--input-border); }
.post-edit-background-value{ display: none; }
.post-edit-background-tooltip{ width: 40em; }

.mi-zoom .post-edit-icon-image{ height: min(100%, 15em); width: min(100%, 15em); flex: 0 0 min(100%, 15em); background-size: contain; }
.mi-zoom .post-edit-image-image{ height: min(100%, 30em); width: min(100%, 50em); flex: 0 0 min(100%, 50em); background-size: contain; }
.mi-zoom .post-edit-background-image{ height: min(100%, 30em); width: min(100%, 50em); flex: 0 0 min(100%, 50em); background-size: contain; }

.post-edit-medias-title{ display: none; }

.post-edit-editor{ border: none; height: 100%; width: 100%; }
.post-edit-editor .mi-editor-content{ background: #fff; }
.post-edit-editor .fullscreen .mi-editor-content{ background: var(--rows-background); }

.post-edit-medias-tab .media-list-tools{ background: #fff; }

.post-edit-code{ height: 100%; width: 100%; flex-grow: 1; overflow: hidden; display: flex; }
.post-edit-code-nav{ padding: calc(2 * var(--input-padding)); position: relative; z-index: 5; }
.post-edit-code-nav{ box-shadow: var(--vtools-shadow); background: var(--vtools-background); }
.post-edit-code-title{ display: flex; align-items: center; margin: var(--input-padding) 0em; }
.post-edit-code-title{ padding-bottom: var(--input-padding); border-bottom: var(--input-border); }
.post-edit-code-title:first-child{ margin-top: 0em; }
.post-edit-code-title-icon{ height: 1.25em; width: 1.25em; flex: 0 0 1.25em; margin-right: var(--input-padding); }
.post-edit-code-title-text{ font-size: 1.25em; font-weight: bold; }
.post-edit-code-file{ margin-top: var(--input-padding); cursor: pointer; display: flex; align-items: center; filter: grayscale(1); }
.post-edit-code-file:first-child{ margin-top: 0em; }
.post-edit-code-file:before{ content: ""; height: 1em; width: 1em; flex: 0 0 1em; margin-right: var(--input-padding); }
.post-edit-code-file:before{ background-repeat: no-repeat; background-position: center center; background-size: contain; }
.post-edit-code-file.selected{ filter: none; text-shadow: 0px 0px 1px #000; text-decoration: underline; }
.post-edit-code-views{ flex-grow: 1; height: 100%; }
.post-edit-code-view{ height: 100%; width: 100%; }

@media (max-width: 1200px){
	.post-edit-id-cols{ display: block; }
	.post-edit-id-cols>*{ display: inline-block; vertical-align: middle; margin-left: var(--input-padding); }
	.post-edit-id-col{ margin-left: 0; }
	.post-edit-at-col{ margin-top: 0; width: calc(100% - var(--input-padding) - 5em); }
	.post-edit-at-date-input{ flex-grow: 1; flex-basis: 0; }
	.post-edit-at-time-input{ flex-grow: 1; flex-basis: 0; }
	.post-edit-draft-col{ margin-left: 0; width: calc(33.33% - var(--input-padding)); }
	.post-edit-draft-input{ width: 100%; }
	.post-edit-seo-col{ width: calc(33.33% - var(--input-padding)); }
	.post-edit-seo-input{ width: 100%; }
	.post-edit-shareable-col{ width: calc(33.33% - var(--input-padding)); }
	.post-edit-shareable-input{ width: 100%; }
	.post-edit-lists-col{ margin-left: 0; width: 100%; }
	.post-edit-lists-select{ width: 100%; }
}

/* Media tab */

.post-edit-media{ height: 100%; }
.post-edit-media>*{ height: 100%; width: 100%; }
.post-edit-explorer{ height: 100%; width: 100%; }

/**
 * Action: scribe.category/menu
 **/
 
.category-menu-edit-tags-check{ margin-right: var(--input-padding); }
.category-menu-edit-tags-option{ margin-top: var(--input-padding); }
.category-menu-edit-tags-option:first-child{ margin-top: 0; }

/**
 * Action: scribe.post/menu
 **/
 
.post-menu-edit-tags-check{ margin-right: var(--input-padding); }
.post-menu-edit-tags-option{ margin-top: var(--input-padding); }
.post-menu-edit-tags-option:first-child{ margin-top: 0; }