/*======================================================================*/
/* SYMBOL FONT FACE */
/*======================================================================*/

@font-face {

	font-family: 					'LigatureSymbols';
	src: 							url('../lib/symbol/LigatureSymbols-2.11.eot');
	src: 							url('../lib/symbol/LigatureSymbols-2.11.eot?#iefix') format('embedded-opentype'),
		 							url('../lib/symbol/LigatureSymbols-2.11.woff') format('woff'),
		 							url('../lib/symbol/LigatureSymbols-2.11.ttf') format('truetype'),
		 							url('../lib/symbol/LigatureSymbols-2.11.svg#LigatureSymbols') format('svg');
	src: 							url('../lib/symbol/LigatureSymbols-2.11.ttf') format('truetype');
	font-weight: 					normal;
	font-style: 					normal;
}

/*======================================================================*/
/* SYMBOL FONT */
/*======================================================================*/

.iqt-symbol {

	font-family: 					'LigatureSymbols';
	-webkit-text-rendering: 		optimizeLegibility;
	-moz-text-rendering: 			optimizeLegibility;
	-ms-text-rendering: 			optimizeLegibility;
	-o-text-rendering: 				optimizeLegibility;
	text-rendering: 				optimizeLegibility;
	-webkit-font-smoothing: 		antialiased;
	-moz-font-smoothing: 			antialiased;
	-ms-font-smoothing: 			antialiased;
	-o-font-smoothing: 				antialiased;
	font-smoothing: 				antialiased;
	font-smooth: 					antialiased;
	display:						flex;
	flex-direction:					column;
	align-items:					center;
	justify-content:				center;
}

/*======================================================================*/
/* LCARS FONT FACE */
/*======================================================================*/

@font-face {

	font-family: 					'LCARS';
	src: 							url('../lib/lcars/swiss_911_ultra_compressed_bt.ttf') format('truetype');
	font-weight: 					normal;
	font-style: 					normal;
}

/*======================================================================*/
/* LCARS FONT */
/*======================================================================*/

.iqt-lcars {

	font-family: 					'LCARS';
	-webkit-text-rendering: 		optimizeLegibility;
	-moz-text-rendering: 			optimizeLegibility;
	-ms-text-rendering: 			optimizeLegibility;
	-o-text-rendering: 				optimizeLegibility;
	text-rendering: 				optimizeLegibility;
	-webkit-font-smoothing: 		antialiased;
	-moz-font-smoothing: 			antialiased;
	-ms-font-smoothing: 			antialiased;
	-o-font-smoothing: 				antialiased;
	font-smoothing: 				antialiased;
	font-smooth: 					antialiased;
}

/*======================================================================*/
/* ELEMENT PRESS */
/*======================================================================*/

.iqt-press {

}

.iqt-press:active {
	/*box-shadow:					inset 2px 2px 4px hsl(var(--base-hue),var(--base-saturation),calc(var(--base-lightness) - 10%));*/
	background-color:				var(--bg-dark) !important;
}

/*======================================================================*/
/* ANIMATIONS */
/*======================================================================*/

.iqt-animation-shake {

	animation:						shake 0.5s;
	animation-iteration-count:		infinite;
}

@keyframes shake {

	  0% { transform: translate(1px, 1px) rotate(0deg); }
	 10% { transform: translate(-1px, -2px) rotate(-1deg); }
	 20% { transform: translate(-3px, 0px) rotate(1deg); }
	 30% { transform: translate(3px, 2px) rotate(0deg); }
	 40% { transform: translate(1px, -1px) rotate(1deg); }
	 50% { transform: translate(-1px, 2px) rotate(-1deg); }
	 60% { transform: translate(-3px, 1px) rotate(0deg); }
	 70% { transform: translate(3px, 1px) rotate(-1deg); }
	 80% { transform: translate(-1px, -1px) rotate(1deg); }
	 90% { transform: translate(1px, 2px) rotate(0deg); }
	100% { transform: translate(1px, -2px) rotate(-1deg); }
}

/*======================================================================*/
/* REMOVE FOCUS FRAMES */
/*======================================================================*/

*:focus		{

	outline:				none;
}

*:active		{

	outline:				none;
}

/*======================================================================*/
/* DISABLE IMAGE DRAG /DROP */
/*======================================================================*/

img {

	pointer-events:			none !important;
}

/*======================================================================*/
/* MAIN SETUP */
/*======================================================================*/

html {
	height:						100%;
	min-height:					100%;
	overflow:					hidden;
}

body {
	font:						var(--font-normal);
	background:					var(--bg-darker);
	color:						var(--color);
	margin:						0;
	padding:					0;
	width:						100%;
	height:						100%;
	min-height:					100%;
	user-select:				none;
	-webkit-user-select:		none;
	-moz-user-select:			none;
	-ms-user-select:			none;
	overflow:					hidden;
}