@charset "UTF-8";
/* CSS Document */

html {
	position: fixed;
	margin: 0; padding: 0;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	overflow: hidden;
	background-color:black;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 11px;
	line-height: 13px;
	text-align: center;
}
body {
	position: relative;
	left:0; top: 0;
	margin: 0; padding: 0;
	overflow: hidden;
	background-color: black;
	width: 100%;
	height: 100%;
	left: 50%;
	top: 50%;
	transform:translate(-50%,-50%);
}
* {
	/*touch-action: manipulation;*/
	user-select: none;
	-webkit-user-select:none;
}


/*828x1792*/
html[data-resolution="375x812"] body {
	max-width: 375px;
	max-height: 812px;
}
html[data-resolution="1080x2220"] body {
	max-width: 375px;
	max-height: 812px;
}
html[data-view="thumbnails"] body {
	max-width: 100%;
	max-height: 100%;
}

div, figure {
	margin: 0;
	padding:0;
	background-size: contain;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
ul,li { list-style: none; margin:0; padding:0; margin-block-start:0;margin-block-end:0;margin-inline-start:0;margin-inline-end:0;padding-inline-start:0; }
i {
	display: inline-block;
	font-style: normal;
}
em {
	font-style: normal;
}

header {
	position: fixed;
}
nav {
	display: block;
	position: fixed;
	width: 100%;
}
main {
	position: relative;
	width: inherit;
	height: inherit;
	min-height: 812px;
}
footer {
	position: fixed;
}

	
	/*				*/
	/* header 		*/
	/*				*/
	
	header {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 40px;
		background-color: black;
	}
	header h1, header h2, header h3 {
		display: block;
		color: white;
		margin: 0; padding: 0;
	}
	header h1 {
		font-size:14px;
		line-height: 15px;
		padding-top: 1px;
		opacity: 0.5;
	}
	header h2 {
		font-size: 10px;
		line-height: 24px;
		font-weight: normal;
	}
	
	/*				*/
	/* navigation 	*/
	/*				*/

		nav {
			transition: opacity .15s ease, background-color .15s ease;
			transition: opacity .15s ease;
		}
		/*
		html[data-admin="0"] nav { opacity:0; }
		html[data-admin="1"] nav { opacity:1; }
		*/
		.buttonset {
			position: fixed;
			width: 100%;
			height: 72px;
			bottom: 0;
			overflow: hidden;
			overflow: visible;
			background-color: rgba(255,255,255,0.0);
		}
		.buttonset .bbox {
			position: relative;
			width: 100%;
			height: 72px;
			transition: all .15s ease;
			top:0;
		}
		/* states */
		html[data-admin="0" ] .buttonset .bbox { top: 72px; background-color:rgba(50,50,50,0); }
		html[data-admin="1" ] .buttonset .bbox { top:  0px; background-color:rgba(50,50,50,1); }
		
		html[data-fullscreen="1"] .buttonset .bbox { opacity: 0; pointer-events:none; }

		/* individual buttons */

			nav a.small-button {
				display: block;
				position: relative;
				float: right;
				width: 30px;
				height: 30px;
				border-radius: 30px;
				margin: 0 0 -30px 0;
				background-color: white;
				text-decoration: none;
				overflow: hidden;
			}
			nav a.small-button > i {
				display: block;
				width: 100%;
				height: 100%;
				font-size: 20px;
				line-height: 31px;
				text-align: center;
				color: black;
			}
			nav a.small-button > i:before { display: block; line-height: inherit; }
			
			/* page reload */
			
				nav a.small-button.page-reload { float: right; left: -15px; top: 15px; }
				nav a.small-button.page-reload i {}
				nav a.small-button.page-reload i:before { content:"\ea9a"; }

			/* admin menus */
			
				nav a.small-button.admin-mode { float: left; left: 15px; top: 15px; }
				nav a.small-button.admin-mode i {}
				nav a.small-button.admin-mode i:before { content:"\ec7c"; }
				nav a.small-button.admin-mode i:before { content:"\eba2"; }
				nav a.small-button.admin-mode i:before { content:"\e941"; font-size: 10px; }
				
			/* color toggle */

				nav a.small-button.color-toggle { float: right; width: 45px; height: 45px; margin-bottom: -45px; left: -10px; top: -55px; border-radius: 0; background-color: transparent; }
				nav a.small-button.color-toggle i {
					display: block;
					position: absolute;
					background-repeat: no-repeat;
					background-size: contain;
				}
				html[data-view="editor"] nav a.small-button.color-toggle[data-color="0"] i { background-image:url("../../images/elements/color-is-background.svg"); }
				html[data-view="editor"] nav a.small-button.color-toggle[data-color="1"] i { background-image:url("../../images/elements/color-is-foreground.svg"); }


		/* view modes */

			nav {
				bottom:0px;
				z-index: 20000;
			}
			nav ul.view-modes {
				list-style: none;
				display: block;
				margin: 0;
				padding: 0 0 0 0;
				font-size: 0; line-height: 0;
				width: calc(100% - 0px);
				height: calc(72px - 0px);
				overflow: hidden;
			}
			nav ul.view-modes li {
				list-style: none;
				margin: 0; padding: 0;
				display: inline-block;
			}
			nav ul.view-modes li a {
				display: inline-block;
				white-space: nowrap;
				font-size: 1.4rem;
				line-height: 1.4rem;
				margin: 0 0 0 0;
				color: inherit;
				padding: 10px 5px 5px 5px;
				border-bottom-left-radius: 4px;
				border-bottom-right-radius: 4px;
				text-decoration: none;
				min-width: 50px;
			}
			nav ul.view-modes li i {
				position: relative;
				display: block;
				color:white;
				top: 2px;
			}
			nav ul.view-modes li em {
				display: inline-block;
				position: relative;
				font-size: 11px;
				line-height: 24px;
				padding: 0 0 0 0;
			}

			XXnav .view-modes li em:after {
				top: 100%;
				left: 0;
				border: solid transparent;
				content: "";
				height: 0;
				width: 0;
				position: absolute;
				pointer-events: none;
				border-color: rgba(255, 255, 255, 0);
				border-top-color: #fff;
				border-width: 10px;
				margin-left: -10px;
			}
			html                         nav .buttonset                          { display:none; }
			html[data-view="page"      ] nav .buttonset[data-label="page"      ] { display:block; }
			html[data-view="editor"    ] nav .buttonset[data-label="editor"    ] { display:block; }
			html[data-view="thumbnails"] nav .buttonset[data-label="thumbnails"] { display:block; }
			html[data-view="settings"  ] nav .buttonset[data-label="settings"  ] { display:block; }
			
			

		/* view panes */
			html                         main .pane            { display: none; }
			html[data-view="thumbnails"] main .pane#thumbnails { display:block; }
			html[data-view="editor"    ] main .pane#editor     { display:block; }
			html[data-view="page"      ] main .pane#page       { display:block; }
			html[data-view="settings"  ] main .pane#settings   { display:block; }

		/* active */
			html                         .view-modes li                          a { background-color:black; }
			html[data-view="thumbnails"] .view-modes li[data-label="thumbnails"] a { background-color:white; }
			html[data-view="editor"    ] .view-modes li[data-label="editor"    ] a { background-color:white; }
			html[data-view="page"      ] .view-modes li[data-label="page"      ] a { background-color:white; }
			html[data-view="settings"  ] .view-modes li[data-label="settings"  ] a { background-color:white; }

		/* icons */
			html                         .view-modes li[data-label="thumbnails"] i:before { content:"\e94f"; }
			html                         .view-modes li[data-label="editor"    ] i:before { content:"\ec4f"; }
			html                         .view-modes li[data-label="page"      ] i:before { content:"\ebc5"; }
			html                         .view-modes li[data-label="settings"  ] i:before { content:"\ea27"; }
		/* labels */
			html                         .view-modes li[data-label="thumbnails"] em:before { content:"choose"; }
			html                         .view-modes li[data-label="editor"    ] em:before { content:"edit"; }
			html                         .view-modes li[data-label="page"      ] em:before { content:"view"; }
			html                         .view-modes li[data-label="settings"  ] em:before { content:"settings"; }
		/* states */
			html                         .view-modes li                          { opacity:1.00; }
			html[data-view="thumbnails"] .view-modes li[data-label="thumbnails"] { opacity:1.00; }
			html[data-view="editor"    ] .view-modes li[data-label="editor"    ] { opacity:1.00; }
			html[data-view="page"      ] .view-modes li[data-label="page"      ] { opacity:1.00; }
			html[data-view="settings"  ] .view-modes li[data-label="settings"  ] { opacity:1.00; }

			html                         .view-modes li                          i { color:white; }
			html[data-view="thumbnails"] .view-modes li[data-label="thumbnails"] i { color:#559EB2; }
			html[data-view="editor"    ] .view-modes li[data-label="editor"    ] i { color:#559EB2; }
			html[data-view="page"      ] .view-modes li[data-label="page"      ] i { color:#559EB2; }
			html[data-view="settings"  ] .view-modes li[data-label="settings"] i { color:#559EB2; }

			html                         .view-modes li                          em { display:inherit; color:white; }
			html[data-view="thumbnails"] .view-modes li[data-label="thumbnails"] em { display:inherit; color:black; }
			html[data-view="editor"    ] .view-modes li[data-label="editor"    ] em { display:inherit; color:black; }
			html[data-view="page"      ] .view-modes li[data-label="page"      ] em { display:inherit; color:black; }
			html[data-view="settings"  ] .view-modes li[data-label="settings"  ] em { display:inherit; color:black; }
	
	
	/*				*/
	/* corners 		*/
	/*				*/
	
	div.corners {
		position: fixed;
		left:0px;
		top:40px;
		width: 100%;
		border-bottom:50px solid #000;
		pointer-events: none;
		z-index: 2000;
		/*transition: height .15s ease;*/
	}
	/* states */
	html[data-admin="0"] div.corners { height: calc(100% -  39px); }
	html[data-admin="1"] div.corners { height: calc(100% - 112px); }
	html[data-fullscreen="1"] div.corners { height: calc(100% -  39px); }
	
	div.corners span { position: absolute; width: 10px; height: 10px; background-image: url("../../images/elements/corner.black.svg"); background-size: 20px 20px; }
	div.corners span:nth-child(1) { left: 0; top:   0; background-position: top left; }
	div.corners span:nth-child(2) { right:0; top:   0; background-position: top right; }
	div.corners span:nth-child(3) { right:0; bottom:0; background-position: bottom right; }
	div.corners span:nth-child(4) { left: 0; bottom:0; background-position: bottom left; }
	
	
	
	
	/*				*/
	/* panes 		*/
	/*				*/



		/*				*/
		/* settings		*/
		/*				*/

		#settings {
		}
		#settings .admin-plugin {
			position: absolute;
			top: 40px;
			background-color: #EEEEEE;
			width: 100%;
			height: 100%;
		}
		#settings ul.pages:before {
			content:"Fixed menu and search:";
			display: block;
			text-align: left;
			margin: 0 0 10px 15px;
			padding: 15px 0 0 0;
			font-weight: bold;
			font-size: 1.5rem;
			line-height: 1.9rem;
		}
		
		#settings ul.pages {
			position: relative;
			height: calc(100% - 112px);
			overflow: hidden;
			overflow-y: auto;
		}
		#settings ul.pages li.page {
			display: block;
			vertical-align: top;
			margin: 0; padding: 0; list-style: none;
			text-align: left;
			border-top: 1px solid gray;
		}
		#settings ul.pages li.page:nth-child(2n+0) { background-color: #E9E9E9; }
		#settings ul.pages li.page:nth-child(2n+1) { background-color: #EFEFEF; }
		#settings ul.pages li.page p {
			display: inline-block;
			text-align: left;
			margin: 0; padding: 4px 0 2px 15px;
			width: 290px;
			overflow: hidden;
			white-space:nowrap;
			text-overflow: ellipsis;
		}
		#settings ul.pages li.page div.checkboxes {
			display: inline-block;
			position: relative;
			top: -16px;
			margin: 0; padding: 0;
			width: calc(100% - 305px);
			text-align: left;
		}
		#settings ul.pages li.page label.checkbox {
			display: inline-block;
		}
		#settings ul.pages li.page input { position: absolute; opacity: 0; }
		#settings ul.pages li.page input ~ i { display: block; background-color: white; width: 15px; height: 15px; border-radius: 15px; margin: 0 0 -15px 0; box-shadow: inset 0 0 0 1px black; background-image: url("../../images/elements/checkbox.small.white.svg"); background-size: 10px 10px; background-position: center center; background-repeat: no-repeat; }
		#settings ul.pages li.page input:checked ~ i { background-color: #5B738D; color: white; font-weight: bold; text-align: center; }
		#settings ul.pages li.page i {}
		#settings ul.pages li.page input ~ em { display: block; position: relative; margin: 0 5px 0 20px; }
		#settings ul.pages li.page input:checked ~ em {}

		#settings ul.pages li.page input[name="menu[]"] ~ em:before { content:" "; }
		#settings ul.pages li.page input[name="search[]"] ~ em:before { content:" "; }

		
		/*				*/
		/* thumbnails	*/
		/*				*/

		#thumbnails {
			position: fixed;
			left: 0px;
			top: 0px;
			width: calc(100% - 0px);
			height: calc(100% - 0px);
			font-size: 0; line-height: 0; margin: 0; padding: 0;
			text-align: left;
			background-color: #000000;
			overflow: hidden;
		}
		#thumbnails ul.pages {
			position: fixed;
			left:0px;
			top: 0px;
			width: calc(100% - 40px);
			height: calc(100% - 130px);
			font-size: 0; line-height: 0; margin: 0; padding: 40px 20px 40px 20px;
			text-align: left;
			overflow: hidden;
			overflow-y: auto;
		}
		#thumbnails ul.pages li.page {
			display: inline-block;
			position: relative;
			height: auto;
			margin: 0 5px 5px 0;
			padding: 0 0 0;
			background-color: #DDD;
			border-radius: 4px;
			cursor: pointer;
			transform:scale(1.0,1.0);
			box-shadow: 0 0 0px 0 rgba(0,0,0,0);
			will-change: transform;
		} 
		@media screen and (min-width:   0px) and (max-width: 859px) {
			#thumbnails ul.pages li.page { width: calc(33.3% - 5px); } 
		}
		@media screen and (min-width: 860px) and (max-width:1039px) {
			#thumbnails ul.pages li.page { width: calc(25.0% - 5px); } 
		}
		@media screen and (min-width:1040px) and (max-width:1239px) {
			#thumbnails ul.pages li.page { width: calc(20.0% - 5px); } 
		}
		@media screen and (min-width:1240px) and (max-width:9999px) {
			#thumbnails ul.pages li.page { width: calc(16.666% - 5px); } 
		}
		/* states */
		#thumbnails ul.pages li.page {
			transition: transform 0.15s ease, opacity .15s ease;
		}
		#thumbnails ul.pages li.page.hidden-by-filter {
			/*
			opacity: 0.35;
			filter:grayscale(1);
			*/
			display: none;
		}
		#thumbnails ul.pages li.page.current {
			box-shadow: 0 0 0 5px rgba(0,227,255,1.00);
		}
		#thumbnails[data-mode="pages"] ul.pages li.page.current { opacity: 1.0; pointer-events: all; }
		#thumbnails[data-mode="links"] ul.pages li.page.current { opacity: 0.5; pointer-events: none; }
		
		#thumbnails ul.pages li.page figure {
			position: relative;
			width: 100%;
			height: 100%;
			padding-top: 222%;
			overflow: hidden;
		} 
		#thumbnails ul.pages li.page figcaption {
			display: block;
			position: absolute;
			top: 50%;
			width: calc(100% - 30px);
			font-size: 1.3rem;
			line-height: 1.6rem;
			text-align: center;
			background-color: hsla(55,49%,73%,0.72);
			border-radius: 4px;
			padding: 5px 10px 5px 10px;
			transform: translateY(-50%);;
			margin: 0 5px 0 5px;
		}
		
		
		
		.buttonset[data-label="thumbnails"] div.labels {
			position: relative;
			z-index: 999;
			left: calc(50% + 69px);
			top: -24px;
			transform: translate(-50%,-50%);
			width: 200px;
			height: 32px;
			margin: 0 0 -30px 0;
			overflow: hidden;
			text-align: right;
			
			display: none;
		}
		.buttonset[data-label="thumbnails"] label {
			display: inline-block;
			font-weight: normal;
		}
		.buttonset[data-label="thumbnails"] label input { opacity: 0; position: absolute; }
		.buttonset[data-label="thumbnails"] label i { 
			display: block; 
			position: relative;
			width: 20px;
			height: 20px;
			border-radius: 20px;
			box-shadow: inset 0 0 0 2px white, 0 0 15px 0 rgba(0,0,0,0.5);
			background-color: rgba(0,0,0,0.75);
			margin: 0 0 -20px 0;
			text-align: center;
			color: hsla(186,100%,54%,1.00);
		}
		.buttonset[data-label="thumbnails"] label input         ~ i:before {
			content:" ";
			display: block;
			position: relative;
			width: 20px;
			height: 20px;
			margin: 0 0 -20px 0;
			overflow:hidden;
			font-size: 19px;
			line-height: 20px;
			top:-2px
		}
		.buttonset[data-label="thumbnails"] label input:checked ~ i:before {
			content:"×";
			content:"●";
		}
		.buttonset[data-label="thumbnails"] label em { 
			display: block;
			position: relative;
			margin: 0 5px 0 25px;
			top: 2px;
			font-size: 1.2rem;
			line-height: 20px;
			font-style: normal;
			font-weight: normal!important;
			color: white;
		}
		
		.buttonset[data-label="thumbnails"] select[name="filter"] {
			position: fixed;
			left: 50%;
			transform: translateX(-50%);
			bottom: 86px;
			width: 350px;
			height: 32px;
			background-color: hsla(0,0%,0%,0.65);
			color: white;
			box-shadow: 0 0 0 2px white;
			border: none;
			border-radius: 30px;
			padding: 2px 10px 3px 30px;
			font-size: 1.2rem;
			line-height: 30px;
			outline: none;
			appearance: none;
			-webkit-appearance: none;
			background-image: url("../../images/elements/filter.white.svg");
			background-position: 5px center;
			background-repeat: no-repeat;
			background-size: 18px 18px;
		}
		@media screen and (min-width:   0px) and (max-width: 859px) {
			#thumbnails ul.pages li.page { width: calc(33% - 5px); }
			#thumbnails ul.pages li.page figcaption {
				opacity: 0;
				font-size:1.6rem;
				line-height:2.0rem;
				background-color: rgba(0,0,0,0.8);
				color: white;
			}
			#thumbnails ul.pages li.page:hover figcaption { opacity: 1; }

			
		}
		@media screen and (min-width: 860px) and (max-width:1039px) {
		}
		@media screen and (min-width:1040px)                        {
		}

		
		

		/*				*/
		/* page			*/
		/*				*/

		#page {
			position: fixed;
			left: 0px;
			top: 40px;
			width: calc(100% - 0px);
			height: calc(100% - 40px);
			height: calc(100% - 0px);
			font-size: 0; line-height: 0; margin: 0; padding: 0;
			text-align: left;
			background-color: white;
			transition: height .15s ease;
		}
		
		/* states */
		
		Xhtml[data-admin="0"] #page { height: calc(100% -  40px); }
		Xhtml[data-admin="1"] #page { height: calc(100% - 112px); }
		
		#page #linker {
			width: 100%;
			height: 100%;
		}
		#page ul.pages {
			width: 100%;
			height: 100%;
		}
		#page ul.pages li.page {
			display: block;
			position: absolute;
			margin: 0;
			padding: 0;
			width: 100%;
			height: 100%;
			background-color: #FFFFFFF;
			overflow: hidden;
		} 
		
		/* states */
		
		#page ul.pages li.page                { left:-2000px; opacity:0; pointer-events: none; }
		#page ul.pages li.page[data-curr="1"] { left:0; top:0; opacity: 1; pointer-events: all; }
		#page ul.pages li.page figure {
			position: relative;
			width: 100%;
			height: 100%;
			height: 105.18134715%;
		} 
		@media only screen and (max-width: 667px) {
			#page ul.pages li.page figure { min-height: 850px; }
		}
		#page ul.pages li.page figcaption {
			display: block;
			position: absolute;
			left: 0; right: 0;
			top: 90%;
			bottom: 0;
			font-size: 1.1rem;
			line-height: 1.5rem;
			text-align: center;
		}
		#page ul.pages li.page figure .links {
			width: 100%;
			height: 100%;
			overflow: hidden;
		}
		#page ul.pages li.page figure .links i {
			display: flex;
			position: fixed;
			color: black;
			font-size: 10px;
			line-height: 12px;
			font-family: sans-serif;
			align-content: center;
			touch-action: none;
			text-align:center;
			/* This makes things *much* easier */
			box-sizing: border-box;
			background-color:hsla(189,100%,75%,0.0);
			box-shadow: 0 0 0 0px hsla(189,100%,75%,1.0);
			border-radius: 30px;
			transition: box-shadow 0.0s ease;
		}
		#page ul.pages li.page figure .links i:hover {
			box-shadow: 0 0 20px 40px hsla(189,100%,75%,0);
			transition: box-shadow 0.6s ease;
		}
		#page ul.pages li.page figure .links i.selected {
			/*
			background-color:hsla(153,100%,50%,0.65);
			outline: 2px solid hsla(87,100%,50%,1.00);
			*/
		}

		
		
		/*				*/
		/* editor		*/
		/*				*/

		#editor {
			position: absolute;
			left: 0px;
			top: 40px;
			width: calc(100% - 0px);
			height: calc(100% - 40px);
			height: calc(100% - 0px);
			font-size: 0; line-height: 0; margin: 0; padding: 0;
			text-align: left;
			background-color: white;
		}
		#editor #linker {
			width: 100%;
			height: 100%;
			cursor: crosshair;
		}
		#editor ul.pages {
			width: 100%;
			height: 105.18134715%;
			height: 100%;
		}
		#editor ul.pages li.page {
			display: block;
			position: absolute;
			margin: 0;
			padding: 0;
			width: 100%;
			height: 100%;
			background-color: #FFFFFFF;
			overflow: hidden;
		} 
		
		/* states */
		
		#editor ul.pages li.page                { left:-2000px; opacity:0; pointer-events: none; }
		#editor ul.pages li.page[data-curr="1"] { left:0; top:0; opacity: 1; pointer-events: all; overflow: hidden; }
		#editor ul.pages li.page figure {
			position: relative;
			width: 100%;
			height: 100%;
			height: 105.18134715%;
		} 
		@media only screen and (max-width: 667px) {
			#editor ul.pages li.page figure { min-height: 850px; }
		}
		
		#editor ul.pages li.page figcaption {
			display: block;
			position: absolute;
			left: 0; right: 0;
			top: 90%;
			bottom: 0;
			font-size: 1.1rem;
			line-height: 1.5rem;
			text-align: center;
		}
		#editor ul.pages li.page figure .links {
			position: absolute;
			width: 100%;
			height: 100%;
		}
		#editor ul.pages li.page figure .links i {
			display: block;
			position: absolute;
			background-color:hsla(189,100%,75%,0.65);
			box-shadow: 0 0 0 1px hsla(189,76%,31%,0.65);
			touch-action:none;
			box-sizing: border-box;
			z-index: 0;
		}
		#editor ul.pages li.page figure .links i:after {
			position: relative;
			content:" ";
			display: block;
			position: absolute;
			right: 0;
			bottom: 12px;
			width: 12px; height: 12px;
			margin: 0 0 -12px 0;
			background-image: url("../../images/elements/box-resize.black.svg");
			background-size: 12px 12px;
			background-repeat: no-repeat;
			background-position: center center;
		}
		#editor ul.pages li.page figure .links i.active {
			background-color:hsla(272,100%,75%,0.65);
			box-shadow: 0 0 0 1px hsla(267,77%,31%,0.85);
		}
		#editor ul.pages li.page figure .links i.current {
		
		}
		#editor ul.pages li.page figure .links i.action {
			background-color:hsla(0,100%,75%,0.65);
			outline: 2px dashed hsla(359,100%,45%,1.00)!important;
		}
		#editor ul.pages li.page figure .links i.selected {
			outline: 2px dashed hsla(0,0%,0%,1.00);
			z-index: 999999999;
		}
		
		#editor ul.pages li.page figure .links i label {
			position: fixed;
			white-space: nowrap;
			left:-2px;
			bottom: -25px;
			font-family:"Helvetica Neue", Helvetica, Arial, "sans-serif";
			font-size: 11px;
			line-height: 15px;			
			display: none;
			color: white;
			border-bottom-left-radius: 4px;
			border-bottom-right-radius: 4px;
		}
		#editor ul.pages li.page figure .links i label.back-link   { left:20px; background-color: hsla(359,81%,48%,0.50); }
		#editor ul.pages li.page figure .links i label.normal-link { left: 0px; background-color: hsla(195,90%,40%,0.50); }
		
		#editor ul.pages li.page figure .links i label input {
			margin: 5px 5px 5px 5px;
			
		}
		#editor ul.pages li.page figure .links i.selected label {		
			display: block;
		}
		
		html[data-fullscreen="1"] .buttonset[data-label="editor"] { pointer-events: none; }
		
		/*						*/
		/* matrix-linker 		*/
		/*						*/
		
		/*
		#editor .matrix {
			position: fixed;
			z-index: 1000;
			width: 100%;
			height: 100%;
			margin: 0; padding: 0;
			font-size: 0; line-height: 0;
			pointer-events: none;
		}
		#editor .matrix li {
			width: 100%;
			height: calc(100% / 60);
		}
		#editor .matrix li i {
			display: inline-block;
			margin: 0; padding: 0;
			width: calc(100% / 30);
			height: calc(100% + 0px);
			background-color: #64DDBA11;
			outline: 1px solid rgba(0,0,0,0.05);
		}
		#editor .matrix li i.pointer {
			outline: 1px solid rgba(0,0,0,1.00);
			z-index: 9999;
		}
		#editor .matrix li i.on {
			background-color: hsla(163,64%,63%,0.80);
		}
		#editor .matrix li i.on.edited {
			background-color: hsla(267,64%,63%,0.80);
		}
		*/
		
		
		

		


	/* responsibles */

	@media screen and (min-width:1440px)                        {	/*	XXXL: 1440 -		*/	}
	@media screen and (min-width:1240px) and (max-width:1439px) {	/*	 XXL: 1240 - 1439	*/	}
	@media screen and (min-width:1040px) and (max-width:1239px) {	/*	  XL: 1040 - 1239	*/	}
	@media screen and (min-width: 960px) and (max-width:1039px) {	/*	   L:  960 -  375	*/	}
 	@media screen and (min-width: 860px) and (max-width: 959px) {	/*	   M:  860 -  959	*/	}
 	@media screen and (min-width: 700px) and (max-width: 859px) {	/*	   S:  700 -  859	*/	}
 	@media screen and (min-width: 580px) and (max-width: 699px) {	/*	  XS:  580 -  699	*/	}
 	@media screen and (min-width: 310px) and (max-width: 579px) {	/*	 XXS:    0 -  375, mirror: 310	*/	}

	@media screen and (min-width:   0px) and (max-width: 859px) {	/*	   MOBILE	XXS-S:     0-  859	*/	div[data-desktop="1"], div[data-tablet="1"] { display: none!important; } }
	@media screen and (min-width: 860px) and (max-width:1039px) {	/*	   TABLET	M-L:     860- 1039	*/	div[data-desktop="1"], div[data-mobile="1"] { display: none!important; } }
	@media screen and (min-width:1040px)                        {	/*	   DESKTOP	M-XXXL: 1040-		*/	div[data-tablet="1"],  div[data-mobile="1"] { display: none!important; } }