@import url(all.min.css);
@import url('https://fonts.googleapis.com/css?family=Inconsolata&display=swap');
@import url('https://fonts.googleapis.com/css?family=Orbitron:400,700');
@import url('https://fonts.googleapis.com/css?family=Titillium+Web&display=swap');
@import url('https://fonts.googleapis.com/css?family=Rajdhani:400,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Teko:wght@300&display=swap');

html, body, div, span, applet, object,
iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, big, cite,
code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b,
u, i, center, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td, article, aside,
canvas, details, embed, figure, figcaption,
footer, header, hgroup, menu, nav, output, ruby,
section, summary, time, mark, audio, video, button {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

	blockquote:before, blockquote:after, q:before, q:after {
		content: '';
		content: none;
	}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
	-webkit-text-size-adjust: none;
}

mark {
	background-color: transparent;
	color: inherit;
}

input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input, select, textarea {
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
}

*:focus {
	outline: solid 1px var(--color-standard-25, rgba(246, 250, 255, 0.25));#ff236140;
	outline-width: 1px;
	outline-offset: -1px;
}

/* Vars */

html, body {
	--color-default: rgba(246, 250, 255, 0.75);
	--color-standard: #eceeef;
	--color-standard-half: #eceeef80;
	--color-standard-quarter: #eceeef40;
	--color-standard-eighth: #eceeef20;
	--color-standard-sixteenth: #eceeef10;
	--color-standard-50: rgba(246, 250, 255, 0.5);
	--color-standard-25: rgba(246, 250, 255, 0.25);
	--color-standard-10: rgba(246, 250, 255, 0.1);
	--color-standard-01: rgba(246, 250, 255, 0.01);
	--color-standard-03: rgba(246, 250, 255, 0.0375);
	--color-standard-20: rgba(246, 250, 255, 0.2);
	--color-standard-75: rgba(246, 250, 255, 0.75);
	--color-standard-125: rgba(246, 250, 255, 0.125);
	--color-invert: #3d4449;
	--color-primary: #24a0ed;
	--color-primary--100: #d3ecfb;
	--color-primary--200: #92d0f6;
	--color-primary--300: #7cc6f4;
	--color-primary--400: #50b3f1;
	--color-primary--500: #24a0ed;
	--color-primary--600: #007FC9;
	--color-primary--700: #0060A6;
	--color-primary--800: #004385;
	--color-primary--900: #002865;
	--color-secondary: #00D5DC;
	--color-teriary: #7876D4;
	--color-primary-half: #24a0ed80;
	--color-primary-quarter: #24a0ed40;
	--color-primary-sixteenth: #24a0ed10;
	--color-primary-one: #24a0ed03;
	--color-standard-bg: #f5f9ff21;
	--color-highlight: #24a0ed;
	--color-highlight-bg: #24a0ed40;
	--color-warning: #ff2361;
	--color-warning-bg: #ff236140;
	--color-danger: #FF9919;
	--color-danger-bg: #FF991940;
	--color-subtle: #74777b;
	--color-stealth: #A024EE;
	--color-redalert: #ff2361;
	--color-background: #18191a;
	--color-background-hover: rgba(0, 166, 217, 0.05);
	--color-background-active: rgba(0, 166, 217, 0.15);
	--color-background-active-half: rgba(0, 166, 217, 0.075);
	--color-foreground: #1e1f21;
	--color-foreground-half: #1e1f2080;
	--color-foreground-threeeights: #1e1f2060;
	--color-foreground-90: rgba(30, 31, 33, 0.9);
	--color-foreground-20: rgba(30, 31, 33, 0.2);
	--color-foreground-alt: #1a1b1d;
	--color-playertype-bg: #00000060;
	--color-black-eighth: rgba(0,0,0,0.125);
	--color-black-quarter: rgba(0,0,0,0.25);
	--color-black-seveneighths: rgba(0,0,0,0.875);
	--color-white: #ffffff;
	--color-border: #2b2c2d;
	--color-border-half: #2b2c2d80;
	--color-border-alt: #13151b;
	--color-input-icon: #7f888f;
	--color-copyright: rgba(159, 163, 166, 0.125);
	--color-subtle-alt: #9fa3a6;
	--color-chat-message-bg: #292A2C;
	--color-chat-message-bg-player: var(--color-foreground-alt, #1a1b1d);
	--color-chat-message-bg-player-hover: #181F27;
	--color-chat-message-border: #3B3C3E;
	--color-tooltip: var(--color-border-alt, #13151b);
	--color-poptip: #26a1edbf;
	--color-poptip-text: var(--color-white, #ffffff);
	--color-federation-green: #34a243;
	--color-federation-blue: #15506f;
	/* rarities */
	--color-rare: #00cdff;
	--color-epic: #ff4ec4;
	--color-lego: #e29e21;
	--color-rare-bg-selected: rgba(99, 147, 241, 0.15);
	--color-epic-bg-selected: rgba(184, 93, 242, 0.15);
	--color-lego-bg-selected: rgba(255, 197, 88, 0.15);
	/* users */
	--color-free: #95a5a6;
	--color-paid: #e67e22;
	--color-test: #e74c3c;
	--color-rep: #9b59b6;
	--color-vip: #e91e63;
	--color-mod: #2ecc71;
	--color-cm: #1abc9c;
	--color-dev: #24a0ed;
	/* status */
	--color-online: #18F33E;
	--color-offline: #3B3C3E;
	--color-away: #FF9919;
	--color-busy: #FF2A19;
	/* standings */
	--color-afraid: #d524ed;
	--color-allies: #1097ff;
	--color-trading: #23ffc1;
	--color-friends: #3ced24;
	--color-guarded: #edd524;
	--color-hostile: #FF9919;
	--color-angry: #ff5323;
	--color-war: #ff2361;
	/* schedule */
	--color-sleep: #7124ed;
	--color-hygiene: #d524ed;
	--color-meal: #ed7124;
	--color-exercise: #ed243c;
	--color-leisure: #3ced24;
	--color-strike: #edd524;
	--color-sleep-bg: #7124ed40;
	--color-hygiene-bg: #d524ed40;
	--color-meal-bg: #ed712440;
	--color-exercise-bg: #ed243c40;
	--color-leisure-bg: #3ced2440;
	--color-strike-bg: #edd52440;
	/* fonts */
	--font-primary: 'Rajdhani', sans-serif;
	--font-heading: 'Orbitron', sans-serif;
	--font-fixed: 'Inconsolata', monospace;
	/* borders */
	--border-default: solid 1px var(--color-standard-10, rgba(246, 250, 255, 0.1));
	--border-required: 1px solid rgba(255, 35, 97,0.5);
	--border-focus: 1px solid var(--color-standard-20, rgba(246, 250, 255, 0.2));
	--border-checked: solid 1px rgba(36,160,237, 0.2);
	--border-dark: solid 1px var(--color-border, #2b2c2d);
	--border-standard: 1px solid var(--color-standard-125, rgba(246,250,255,0.125));
	--border-standard-hover: 1px solid rgba(246,250,255,0.25);
	--border-inv: solid 1px var(--color-standard-quarter, #eceeef40);
	--border-common: var(--border-inv, solid 1px #eceeef40);
	--border-rare: 1px solid #00cdff40;
	--border-epic: 1px solid #ff4ec440;
	--border-lego: 1px solid #e29e2140;
	--border-rare-hover: 1px solid #00cdff80;
	--border-epic-hover: 1px solid #ff4ec480;
	--border-lego-hover: 1px solid #e29e2180;
	/* glow */
	--ui-glow: 0 0 5px var(--color-primary);
	--ui-glow--faded: 0 0 5px var(--color-primary-quarter);
	--ui-glow-secondary: 0 0 5px var(--color-secondary);
	--ui-glow-teriary: 0 0 5px var(--color-teriary);
	--ui-glow-warning: 0 0 5px var(--color-warning);
	--ui-glow-danger: 0 0 5px var(--color-danger);
	--ui-glow-rare: 0 0 5px var(--color-rare);
	--ui-glow-epic: 0 0 5px var(--color-epic);
	--ui-glow-lego: 0 0 5px var(--color-lego);
	--ui-glow-borders--500: 0 0 3px var(--colors-primary--500);
	--ui-glow-color: currentcolor;
	--ui-glow-text: 0px 0px 30px var(--ui-glow-color);
	/* notch */
	--ui-notch-amount: 1em;
	--ui-notch-hypotenuse: 22.627416px;
	--ui-notch-path: polygon( 0 0, 100% 0, 100% calc(100% - var(--ui-notch-amount) + 2px), calc(100% - var(--ui-notch-amount) + 2px) 100%, 0 100% );
}


/* Basic */

	@-ms-viewport {
		width: device-width;
	}

	body {
		-ms-overflow-style: scrollbar;
	}

	@media screen and (max-width: 480px) {

		html, body {
			min-width: 320px;
		}

	}

	html {
		box-sizing: border-box;
	}

	*, *:before, *:after {
		box-sizing: inherit;
	}

	body {
		background: var(--color-standard, #eceeef);
	}

		body.is-preload *, body.is-preload *:before, body.is-preload *:after, body.is-resizing *, body.is-resizing *:before, body.is-resizing *:after {
			-moz-animation: none !important;
			-webkit-animation: none !important;
			-ms-animation: none !important;
			animation: none !important;
			-moz-transition: none !important;
			-webkit-transition: none !important;
			-ms-transition: none !important;
			transition: none !important;
		}

/* Type */

	body, input, select, textarea {
		color: var(--color-default, rgba(246, 250, 255, 0.75));
		font-family: 'Titillium Web', sans-serif;
		font-family: var(--font-primary, 'Rajdhani', sans-serif);
		font-size: 13pt;
		font-weight: 400;
		line-height: 1.65;
		background-color: var(--color-background, #18191a);
		cursor: url('../images/cursor.png') 10 5, default;
	}

		@media screen and (max-width: 1680px) {

			body, input, select, textarea {
				font-size: 11pt;
			}

		}

		@media screen and (max-width: 1280px) {

			body, input, select, textarea {
				font-size: 10pt;
			}

		}

		@media screen and (max-width: 360px) {

			body, input, select, textarea {
				font-size: 9pt;
			}

		}

	a {
		-moz-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
		-webkit-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
		-ms-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
		transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
		/*border-bottom: dotted 1px;*/
		color: var(--color-primary, #24a0ed);
		cursor: url('../images/cursor_link.png') 10 5, pointer;
		text-decoration: none;
	}

		a:hover {
			border-bottom-color: var(--color-primary, #24a0ed);
			color: var(--color-primary, #24a0ed) !important;
		}

			a:hover strong {
				color: inherit;
			}

	strong, b {
		color: var(--color-standard, #eceeef);
		font-weight: 700;
	}

	em, i {
		font-style: italic;
	}

	p {
		margin: 0 0 2em 0;
	}
	
		p.playertype, span.playertype {
			background-color: var(--color-playertype-bg, #00000060);
			padding: 0.5em 1em;
			font-weight: 700;			
		}
		p.free, span.free, h4.free { color: var(--color-free, #95a5a6); }
		p.paid, span.paid, h4.paid { color: var(--color-paid, #e67e22); }
		p.test, span.test, h4.test { color: var(--color-test, #e74c3c); }	
		p.rep, span.rep, h4.rep { color: var(--color-rep, #9b59b6); }	
		p.vip, span.vip, h4.vip { color: var(--color-vip, #e91e63); }
		p.mod, span.mod, h4.mod { color: var(--color-mod, #2ecc71); }				
		p.cm, span.cm, h4.cm { color: var(--color-cm, #1abc9c); }
		p.dev, span.dev, h4.dev { color: var(--color-dev, #24a0ed);
		}	
		
		p.legal {
			font-size: 0.75em;	
			opacity: 0.25;
		}

		p.highlight,
		span.highlight,
		label.highlight,
		div.highlight,
		sup.highlight {
			color: var(--color-highlight, #24a0ed) !important;
		}

		p.warning,
		span.warning,
		label.warning,
		div.warning,
		sup.warning {
			color: var(--color-warning, #ff2361) !important;
		}

		p.danger,
		span.danger,
		label.danger,
		div.danger,
		sup.danger {
			color: #FF9919 !important;
		}

		p.subtle,
		span.subtle,
		label.subtle,
		div.subtle {
			color: var(--color-subtle, #74777b);
		}

		p.rare,
		span.rare,
		label.rare,
		div.rare {
			color: #6393F1;
			color: var(--color-rare, #00cdff);
		}

		p.epic,
		span.epic,
		label.epic,
		div.epic {
			color: #B85DF2;
			color: var(--color-epic, #ff4ec4);
		}

		p.lego,
		span.lego,
		label.lego,
		div.lego {
			color: var(--color-lego, #e29e21);
		}

		p.sleep,
		span.sleep,
		label.sleep,
		div.sleep {
			color: var(--color-sleep, #7124ed);
		}

		p.hygiene,
		span.hygiene,
		label.hygiene,
		div.hygiene {
			color: var(--color-hygiene, #d524ed);
		}

		p.meal,
		span.meal,
		label.meal,
		div.meal {
			color: var(--color-meal, #ed7124);
		}

		p.exercise,
		span.exercise,
		label.exercise,
		div.exercise {
			color: var(--color-exercise, #ed243c);
		}

		p.leisure,
		span.leisure,
		label.leisure,
		div.leisure {
			color: var(--color-leisure, #3ced24);
		}

		p.strike,
		span.strike,
		label.strike,
		div.strike {
			color: var(--color-strike, #edd524);
		}

		span.separated {
			border-left: var(--border-default, solid 1px rgba(246, 250, 255, 0.1));
			margin-left: 1em;
			padding-left: 1em;
		}
		
		p.pronounced {
			font-size: 2em;
			margin-bottom: 0;
			line-height: 1em;
		}

		p.prominent {
			font-size: 3em;
			margin-bottom: 0;
			line-height: 1em;
		}

		p.flavor {
			font-size: 0.8em;
		}

		p.field-desc {
			margin: 1em 0 0 0;
			color: #bdbfc1;
			color: var(--color-standard-50, rgba(246, 250, 255, 0.5));
		}			
		
			p.field-desc:empty {
				display: none;
			}

		p.strikethrough,
		span.strikethrough {
			position: relative;
		}

			p.strikethrough::after,
			span.strikethrough::after {
				content: '';
				position: absolute;
				top: 50%;
				border-top: 1px solid;
				left: 0;
				right: 0;
			}

		p.prominent.strikethrough::after {
			border-top: 2px solid;
		}

	p.inline,
	h3.inline,
	h4.inline {
		display: inline;
	}
		
		h3.inline {
			margin-right: 1em;
		}

		.glow {
			text-shadow: 0 0 4px var(--color-standard, #eceeef);
		}

			.glow.highlight {
				text-shadow: 0 0 4px var(--color-highlight, #24a0ed);
			}

			.glow.warning {
				text-shadow: 0 0 4px var(--color-warning, #ff2361);
			}

			.glow.danger {
				text-shadow: 0 0 4px var(--color-danger, #FF9919);
			}

	h1, h2, h3, h4, h5, h6 {
		color: var(--color-standard, #eceeef);
		font-family: var(--font-heading, 'Orbitron', sans-serif);
		font-weight: 400;
		line-height: 1.5;
		margin: 0 0 1em 0;
		letter-spacing: 0.05em;
	}

		h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
			color: inherit;
			text-decoration: none;
			border-bottom: 0;
		}

	h1 {
		font-size: 4em;
		margin: 0 0 0.5em 0;
		line-height: 1.3;
	}

	h2 {
		font-size: 1.75em;
	}

	h3 {
		font-size: 1.25em;
	}

	h4 {
		font-size: 1.1em;
	}

	h5 {
		font-size: 0.9em;
	}

	h6 {
		font-size: 0.7em;
	}

	@media screen and (max-width: 1680px) {

		h1 {
			font-size: 3.5em;
		}

	}

	@media screen and (max-width: 980px) {

		h1 {
			font-size: 3.25em;
		}

	}

	@media screen and (max-width: 736px) {

		h1 {
			font-size: 2em;
			line-height: 1.4;
		}

		h2 {
			font-size: 1.5em;
		}

	}

	sub {
		font-size: 0.8em;
		position: relative;
		top: 0.375em;
	}

	sup {
		font-size: 0.8em;
		position: relative;
		top: -0.375em;
	}

		sup.tag {
			top: -0.375em;
			font-size: 0.7em;
			text-transform: uppercase;
			margin-left: 0.625em;
			font-weight: 400;
			opacity: 0.375;
		}

		sup.qty {
			top: -0.375em;
			font-size: 0.7em;
			margin-left: 0.625em;
			font-weight: 400;
			opacity: 0.375;
		}

		sup.id {
			top: -0.75em;
			font-size: 0.5em;
			margin-left: 1em;
			font-weight: 400;
			opacity: 0.25;
		}

	blockquote {
		border-left: solid 3px var(--color-border, #2b2c2d);
		font-style: italic;
		margin: 0 0 2em 0;
		padding: 0.5em 0 0.5em 2em;
	}

	code {
		background: var(--color-standard-03, rgba(246, 250, 255, 0.0375));
		/*border-radius: 0.375em;*/
		border: var(--border-dark, solid 1px #2b2c2d);
		/*font-family: "Courier New", monospace;*/
		font-family: var(--font-fixed, 'Inconsolata', monospace);
		font-size: 0.9em;
		margin: 0 0.25em;
		padding: 0.25em 0.65em;
	}

	pre {
		-webkit-overflow-scrolling: touch;
		/*font-family: "Courier New", monospace;*/
		font-family: var(--font-fixed, 'Inconsolata', monospace);
		font-size: 0.9em;
		margin: 0 0 2em 0;
	}

		pre code {
			display: block;
			line-height: 1.75;
			padding: 1em 1.5em;
			overflow-x: auto;
		}

	hr {
		border: 0;
		border-bottom: var(--border-dark, solid 1px #2b2c2d);
		margin: 2em 0;
	}

		hr.major {
			margin: 3em 0;
		}

		hr.warning {
			border-bottom: none;
		}

			hr.warning:after {
				content: "";
				display: block;
				height: 0.375em;
				width: 100%;
				/* background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ff2361' fill-opacity='0.25' fill-rule='evenodd'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E");*/
				border: 4px dashed var(--color-warning, #ff2361);
				border-bottom: transparent;
				border-image: repeating-linear-gradient( 45deg, #ff2361, #ff2361 10px, transparent 10px, transparent 16px) 4;
			}

	small {
		font-size: 0.85em;
	}

	.align-left {
		text-align: left;
	}

	.align-center {
		text-align: center;
	}

	.align-right {
		text-align: right;
	}
	
	.align-full {
	  text-align: justify;
	}

		.align-full:after {
		  content: "";
		  display: inline-block;
		  width: 100%;
		}	
		
	.letter-spaced {
		letter-spacing: 0.1em;
	}

	.uppercase {
		text-transform: uppercase;
	}
	
	.bumpup {
		margin-top: -1em !important;
	}
	
		.bumpup.slight {
			margin-top: -0.5em !important;
		}	

	.bottomless {
		margin-bottom: 0 !important;
	}

	.miniskirt {
		margin-bottom: 0.5em !important;
	}
		
	.faded {
		opacity: 0.5;
	}
	
		.faded.extra {
			opacity: 0.25;
		}	
		
	.super {
		font-size: 0.5em;
		vertical-align: super;
		position: absolute;
		margin-top: -0.4em;		
	}

	.striped {
		background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%2318191a' fill-opacity='0.25' fill-rule='evenodd'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E");
	}

	.striped.orange {
		background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23FF9919' fill-opacity='0.25' fill-rule='evenodd'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E");
	}

	.boxtext {
		border: var(--border-dark, solid 1px #2b2c2d);
		/*font-size: 0.9em;*/
		margin: 0 0.25em;
		padding: 0 0.25em;
	}

		.boxtext.dark {
			background: var(--color-black-eighth, rgba(0,0,0,0.125));
		}

		.boxtext.light {
			background: var(--color-standard-03, rgba(246, 250, 255, 0.0375));
		}

	.sideline {
		border-left: var(--border-dark, solid 1px #2b2c2d);
		margin-left: 0.5em;
		padding-left: 0.5em;
	}

	.frameline {
		position: relative;
	}

		.frameline:before {
			position: absolute;
			top: 49%;
			left: 0;
			overflow: hidden;
			z-index: -100;
			width: 100%;
			height: 50%;
			content: "";
			border-top: 1px solid var(--color-standard-20, rgba(246, 250, 255, 0.2));
			border-left: 1px solid var(--color-standard-20, rgba(246, 250, 255, 0.2));
			border-right: 1px solid var(--color-standard-20, rgba(246, 250, 255, 0.2));
		}

		.frameline label {
			background-color: var(--color-background, #18191a);
			width: fit-content;
			margin: 0 auto 1em auto;
			padding: 0 1em;
		}


/* Row */

	.row {
		display: flex;
		flex-wrap: wrap;
		box-sizing: border-box;
		align-items: stretch;
	}

		.row > * {
			box-sizing: border-box;
		}

		.row.gtr-uniform > * > :last-child {
			margin-bottom: 0;
		}

		.row.aln-left {
			justify-content: flex-start;
		}

		.row.aln-center {
			justify-content: center;
		}

		.row.aln-right {
			justify-content: flex-end;
		}

		.row.aln-top {
			align-items: flex-start;
		}

		.row.aln-middle {
			align-items: center;
		}

		.row.aln-bottom {
			align-items: flex-end;
		}

		.row > .imp {
			order: -1;
		}

		.row > .col-1 {
			width: 8.33333%;
		}

		.row > .off-1 {
			margin-left: 8.33333%;
		}

		.row > .col-2 {
			width: 16.66667%;
		}

		.row > .off-2 {
			margin-left: 16.66667%;
		}

		.row > .col-3 {
			width: 25%;
		}

		.row > .off-3 {
			margin-left: 25%;
		}

		.row > .col-4 {
			width: 33.33333%;
		}

		.row > .off-4 {
			margin-left: 33.33333%;
		}

		.row > .col-5 {
			width: 41.66667%;
		}

		.row > .off-5 {
			margin-left: 41.66667%;
		}

		.row > .col-6 {
			width: 50%;
		}

		.row > .off-6 {
			margin-left: 50%;
		}

		.row > .col-7 {
			width: 58.33333%;
		}

		.row > .off-7 {
			margin-left: 58.33333%;
		}

		.row > .col-8 {
			width: 66.66667%;
		}

		.row > .off-8 {
			margin-left: 66.66667%;
		}

		.row > .col-9 {
			width: 75%;
		}

		.row > .off-9 {
			margin-left: 75%;
		}

		.row > .col-10 {
			width: 83.33333%;
		}

		.row > .off-10 {
			margin-left: 83.33333%;
		}

		.row > .col-11 {
			width: 91.66667%;
		}

		.row > .off-11 {
			margin-left: 91.66667%;
		}

		.row > .col-12 {
			width: 100%;
		}

		.row > .off-12 {
			margin-left: 100%;
		}

		.row.gtr-0 {
			margin-top: 0;
			margin-left: 0em;
		}

			.row.gtr-0 > * {
				padding: 0 0 0 0em;
			}

			.row.gtr-0.gtr-uniform {
				margin-top: 0em;
			}

				.row.gtr-0.gtr-uniform > * {
					padding-top: 0em;
				}

		.row.gtr-25 {
			margin-top: 0;
			margin-left: -0.375em;
		}

			.row.gtr-25 > * {
				padding: 0 0 0 0.375em;
			}

			.row.gtr-25.gtr-uniform {
				margin-top: -0.375em;
			}

				.row.gtr-25.gtr-uniform > * {
					padding-top: 0.375em;
				}

		.row.gtr-50 {
			margin-top: 0;
			margin-left: -0.75em;
		}

			.row.gtr-50 > * {
				padding: 0 0 0 0.75em;
			}

			.row.gtr-50.gtr-uniform {
				margin-top: -0.75em;
			}

				.row.gtr-50.gtr-uniform > * {
					padding-top: 0.75em;
				}

		.row {
			margin-top: 0;
			margin-left: -1.5em;
		}

			.row > * {
				padding: 0 0 0 1.5em;
			}

			.row.gtr-uniform {
				margin-top: -1.5em;
			}

				.row.gtr-uniform > * {
					padding-top: 1.5em;
				}

		.row.gtr-150 {
			margin-top: 0;
			margin-left: -2.25em;
		}

			.row.gtr-150 > * {
				padding: 0 0 0 2.25em;
			}

			.row.gtr-150.gtr-uniform {
				margin-top: -2.25em;
			}

				.row.gtr-150.gtr-uniform > * {
					padding-top: 2.25em;
				}

		.row.gtr-200 {
			margin-top: 0;
			margin-left: -3em;
		}

			.row.gtr-200 > * {
				padding: 0 0 0 3em;
			}

			.row.gtr-200.gtr-uniform {
				margin-top: -3em;
			}

				.row.gtr-200.gtr-uniform > * {
					padding-top: 3em;
				}

		@media screen and (max-width: 1680px) {

			.row {
				display: flex;
				flex-wrap: wrap;
				box-sizing: border-box;
				align-items: stretch;
			}

				.row > * {
					box-sizing: border-box;
				}

				.row.gtr-uniform > * > :last-child {
					margin-bottom: 0;
				}

				.row.aln-left {
					justify-content: flex-start;
				}

				.row.aln-center {
					justify-content: center;
				}

				.row.aln-right {
					justify-content: flex-end;
				}

				.row.aln-top {
					align-items: flex-start;
				}

				.row.aln-middle {
					align-items: center;
				}

				.row.aln-bottom {
					align-items: flex-end;
				}

				.row > .imp-xlarge {
					order: -1;
				}

				.row > .col-1-xlarge {
					width: 8.33333%;
				}

				.row > .off-1-xlarge {
					margin-left: 8.33333%;
				}

				.row > .col-2-xlarge {
					width: 16.66667%;
				}

				.row > .off-2-xlarge {
					margin-left: 16.66667%;
				}

				.row > .col-3-xlarge {
					width: 25%;
				}

				.row > .off-3-xlarge {
					margin-left: 25%;
				}

				.row > .col-4-xlarge {
					width: 33.33333%;
				}

				.row > .off-4-xlarge {
					margin-left: 33.33333%;
				}

				.row > .col-5-xlarge {
					width: 41.66667%;
				}

				.row > .off-5-xlarge {
					margin-left: 41.66667%;
				}

				.row > .col-6-xlarge {
					width: 50%;
				}

				.row > .off-6-xlarge {
					margin-left: 50%;
				}

				.row > .col-7-xlarge {
					width: 58.33333%;
				}

				.row > .off-7-xlarge {
					margin-left: 58.33333%;
				}

				.row > .col-8-xlarge {
					width: 66.66667%;
				}

				.row > .off-8-xlarge {
					margin-left: 66.66667%;
				}

				.row > .col-9-xlarge {
					width: 75%;
				}

				.row > .off-9-xlarge {
					margin-left: 75%;
				}

				.row > .col-10-xlarge {
					width: 83.33333%;
				}

				.row > .off-10-xlarge {
					margin-left: 83.33333%;
				}

				.row > .col-11-xlarge {
					width: 91.66667%;
				}

				.row > .off-11-xlarge {
					margin-left: 91.66667%;
				}

				.row > .col-12-xlarge {
					width: 100%;
				}

				.row > .off-12-xlarge {
					margin-left: 100%;
				}

				.row.gtr-0 {
					margin-top: 0;
					margin-left: 0em;
				}

					.row.gtr-0 > * {
						padding: 0 0 0 0em;
					}

					.row.gtr-0.gtr-uniform {
						margin-top: 0em;
					}

						.row.gtr-0.gtr-uniform > * {
							padding-top: 0em;
						}

				.row.gtr-25 {
					margin-top: 0;
					margin-left: -0.375em;
				}

					.row.gtr-25 > * {
						padding: 0 0 0 0.375em;
					}

					.row.gtr-25.gtr-uniform {
						margin-top: -0.375em;
					}

						.row.gtr-25.gtr-uniform > * {
							padding-top: 0.375em;
						}

				.row.gtr-50 {
					margin-top: 0;
					margin-left: -0.75em;
				}

					.row.gtr-50 > * {
						padding: 0 0 0 0.75em;
					}

					.row.gtr-50.gtr-uniform {
						margin-top: -0.75em;
					}

						.row.gtr-50.gtr-uniform > * {
							padding-top: 0.75em;
						}

				.row {
					margin-top: 0;
					margin-left: -1.5em;
				}

					.row > * {
						padding: 0 0 0 1.5em;
					}

					.row.gtr-uniform {
						margin-top: -1.5em;
					}

						.row.gtr-uniform > * {
							padding-top: 1.5em;
						}

				.row.gtr-150 {
					margin-top: 0;
					margin-left: -2.25em;
				}

					.row.gtr-150 > * {
						padding: 0 0 0 2.25em;
					}

					.row.gtr-150.gtr-uniform {
						margin-top: -2.25em;
					}

						.row.gtr-150.gtr-uniform > * {
							padding-top: 2.25em;
						}

				.row.gtr-200 {
					margin-top: 0;
					margin-left: -3em;
				}

					.row.gtr-200 > * {
						padding: 0 0 0 3em;
					}

					.row.gtr-200.gtr-uniform {
						margin-top: -3em;
					}

						.row.gtr-200.gtr-uniform > * {
							padding-top: 3em;
						}

		}

		@media screen and (max-width: 1280px) {

			.row {
				display: flex;
				flex-wrap: wrap;
				box-sizing: border-box;
				align-items: stretch;
			}

				.row > * {
					box-sizing: border-box;
				}

				.row.gtr-uniform > * > :last-child {
					margin-bottom: 0;
				}

				.row.aln-left {
					justify-content: flex-start;
				}

				.row.aln-center {
					justify-content: center;
				}

				.row.aln-right {
					justify-content: flex-end;
				}

				.row.aln-top {
					align-items: flex-start;
				}

				.row.aln-middle {
					align-items: center;
				}

				.row.aln-bottom {
					align-items: flex-end;
				}

				.row > .imp-large {
					order: -1;
				}

				.row > .col-1-large {
					width: 8.33333%;
				}

				.row > .off-1-large {
					margin-left: 8.33333%;
				}

				.row > .col-2-large {
					width: 16.66667%;
				}

				.row > .off-2-large {
					margin-left: 16.66667%;
				}

				.row > .col-3-large {
					width: 25%;
				}

				.row > .off-3-large {
					margin-left: 25%;
				}

				.row > .col-4-large {
					width: 33.33333%;
				}

				.row > .off-4-large {
					margin-left: 33.33333%;
				}

				.row > .col-5-large {
					width: 41.66667%;
				}

				.row > .off-5-large {
					margin-left: 41.66667%;
				}

				.row > .col-6-large {
					width: 50%;
				}

				.row > .off-6-large {
					margin-left: 50%;
				}

				.row > .col-7-large {
					width: 58.33333%;
				}

				.row > .off-7-large {
					margin-left: 58.33333%;
				}

				.row > .col-8-large {
					width: 66.66667%;
				}

				.row > .off-8-large {
					margin-left: 66.66667%;
				}

				.row > .col-9-large {
					width: 75%;
				}

				.row > .off-9-large {
					margin-left: 75%;
				}

				.row > .col-10-large {
					width: 83.33333%;
				}

				.row > .off-10-large {
					margin-left: 83.33333%;
				}

				.row > .col-11-large {
					width: 91.66667%;
				}

				.row > .off-11-large {
					margin-left: 91.66667%;
				}

				.row > .col-12-large {
					width: 100%;
				}

				.row > .off-12-large {
					margin-left: 100%;
				}

				.row.gtr-0 {
					margin-top: 0;
					margin-left: 0em;
				}

					.row.gtr-0 > * {
						padding: 0 0 0 0em;
					}

					.row.gtr-0.gtr-uniform {
						margin-top: 0em;
					}

						.row.gtr-0.gtr-uniform > * {
							padding-top: 0em;
						}

				.row.gtr-25 {
					margin-top: 0;
					margin-left: -0.375em;
				}

					.row.gtr-25 > * {
						padding: 0 0 0 0.375em;
					}

					.row.gtr-25.gtr-uniform {
						margin-top: -0.375em;
					}

						.row.gtr-25.gtr-uniform > * {
							padding-top: 0.375em;
						}

				.row.gtr-50 {
					margin-top: 0;
					margin-left: -0.75em;
				}

					.row.gtr-50 > * {
						padding: 0 0 0 0.75em;
					}

					.row.gtr-50.gtr-uniform {
						margin-top: -0.75em;
					}

						.row.gtr-50.gtr-uniform > * {
							padding-top: 0.75em;
						}

				.row {
					margin-top: 0;
					margin-left: -1.5em;
				}

					.row > * {
						padding: 0 0 0 1.5em;
					}

					.row.gtr-uniform {
						margin-top: -1.5em;
					}

						.row.gtr-uniform > * {
							padding-top: 1.5em;
						}

				.row.gtr-150 {
					margin-top: 0;
					margin-left: -2.25em;
				}

					.row.gtr-150 > * {
						padding: 0 0 0 2.25em;
					}

					.row.gtr-150.gtr-uniform {
						margin-top: -2.25em;
					}

						.row.gtr-150.gtr-uniform > * {
							padding-top: 2.25em;
						}

				.row.gtr-200 {
					margin-top: 0;
					margin-left: -3em;
				}

					.row.gtr-200 > * {
						padding: 0 0 0 3em;
					}

					.row.gtr-200.gtr-uniform {
						margin-top: -3em;
					}

						.row.gtr-200.gtr-uniform > * {
							padding-top: 3em;
						}

		}

		@media screen and (max-width: 980px) {

			.row {
				display: flex;
				flex-wrap: wrap;
				box-sizing: border-box;
				align-items: stretch;
			}

				.row > * {
					box-sizing: border-box;
				}

				.row.gtr-uniform > * > :last-child {
					margin-bottom: 0;
				}

				.row.aln-left {
					justify-content: flex-start;
				}

				.row.aln-center {
					justify-content: center;
				}

				.row.aln-right {
					justify-content: flex-end;
				}

				.row.aln-top {
					align-items: flex-start;
				}

				.row.aln-middle {
					align-items: center;
				}

				.row.aln-bottom {
					align-items: flex-end;
				}

				.row > .imp-medium {
					order: -1;
				}

				.row > .col-1-medium {
					width: 8.33333%;
				}

				.row > .off-1-medium {
					margin-left: 8.33333%;
				}

				.row > .col-2-medium {
					width: 16.66667%;
				}

				.row > .off-2-medium {
					margin-left: 16.66667%;
				}

				.row > .col-3-medium {
					width: 25%;
				}

				.row > .off-3-medium {
					margin-left: 25%;
				}

				.row > .col-4-medium {
					width: 33.33333%;
				}

				.row > .off-4-medium {
					margin-left: 33.33333%;
				}

				.row > .col-5-medium {
					width: 41.66667%;
				}

				.row > .off-5-medium {
					margin-left: 41.66667%;
				}

				.row > .col-6-medium {
					width: 50%;
				}

				.row > .off-6-medium {
					margin-left: 50%;
				}

				.row > .col-7-medium {
					width: 58.33333%;
				}

				.row > .off-7-medium {
					margin-left: 58.33333%;
				}

				.row > .col-8-medium {
					width: 66.66667%;
				}

				.row > .off-8-medium {
					margin-left: 66.66667%;
				}

				.row > .col-9-medium {
					width: 75%;
				}

				.row > .off-9-medium {
					margin-left: 75%;
				}

				.row > .col-10-medium {
					width: 83.33333%;
				}

				.row > .off-10-medium {
					margin-left: 83.33333%;
				}

				.row > .col-11-medium {
					width: 91.66667%;
				}

				.row > .off-11-medium {
					margin-left: 91.66667%;
				}

				.row > .col-12-medium {
					width: 100%;
				}

				.row > .off-12-medium {
					margin-left: 100%;
				}

				.row.gtr-0 {
					margin-top: 0;
					margin-left: 0em;
				}

					.row.gtr-0 > * {
						padding: 0 0 0 0em;
					}

					.row.gtr-0.gtr-uniform {
						margin-top: 0em;
					}

						.row.gtr-0.gtr-uniform > * {
							padding-top: 0em;
						}

				.row.gtr-25 {
					margin-top: 0;
					margin-left: -0.375em;
				}

					.row.gtr-25 > * {
						padding: 0 0 0 0.375em;
					}

					.row.gtr-25.gtr-uniform {
						margin-top: -0.375em;
					}

						.row.gtr-25.gtr-uniform > * {
							padding-top: 0.375em;
						}

				.row.gtr-50 {
					margin-top: 0;
					margin-left: -0.75em;
				}

					.row.gtr-50 > * {
						padding: 0 0 0 0.75em;
					}

					.row.gtr-50.gtr-uniform {
						margin-top: -0.75em;
					}

						.row.gtr-50.gtr-uniform > * {
							padding-top: 0.75em;
						}

				.row {
					margin-top: 0;
					margin-left: -1.5em;
				}

					.row > * {
						padding: 0 0 0 1.5em;
					}

					.row.gtr-uniform {
						margin-top: -1.5em;
					}

						.row.gtr-uniform > * {
							padding-top: 1.5em;
						}

				.row.gtr-150 {
					margin-top: 0;
					margin-left: -2.25em;
				}

					.row.gtr-150 > * {
						padding: 0 0 0 2.25em;
					}

					.row.gtr-150.gtr-uniform {
						margin-top: -2.25em;
					}

						.row.gtr-150.gtr-uniform > * {
							padding-top: 2.25em;
						}

				.row.gtr-200 {
					margin-top: 0;
					margin-left: -3em;
				}

					.row.gtr-200 > * {
						padding: 0 0 0 3em;
					}

					.row.gtr-200.gtr-uniform {
						margin-top: -3em;
					}

						.row.gtr-200.gtr-uniform > * {
							padding-top: 3em;
						}

		}

		@media screen and (max-width: 736px) {

			.row {
				display: flex;
				flex-wrap: wrap;
				box-sizing: border-box;
				align-items: stretch;
			}

				.row > * {
					box-sizing: border-box;
				}

				.row.gtr-uniform > * > :last-child {
					margin-bottom: 0;
				}

				.row.aln-left {
					justify-content: flex-start;
				}

				.row.aln-center {
					justify-content: center;
				}

				.row.aln-right {
					justify-content: flex-end;
				}

				.row.aln-top {
					align-items: flex-start;
				}

				.row.aln-middle {
					align-items: center;
				}

				.row.aln-bottom {
					align-items: flex-end;
				}

				.row > .imp-small {
					order: -1;
				}

				.row > .col-1-small {
					width: 8.33333%;
				}

				.row > .off-1-small {
					margin-left: 8.33333%;
				}

				.row > .col-2-small {
					width: 16.66667%;
				}

				.row > .off-2-small {
					margin-left: 16.66667%;
				}

				.row > .col-3-small {
					width: 25%;
				}

				.row > .off-3-small {
					margin-left: 25%;
				}

				.row > .col-4-small {
					width: 33.33333%;
				}

				.row > .off-4-small {
					margin-left: 33.33333%;
				}

				.row > .col-5-small {
					width: 41.66667%;
				}

				.row > .off-5-small {
					margin-left: 41.66667%;
				}

				.row > .col-6-small {
					width: 50%;
				}

				.row > .off-6-small {
					margin-left: 50%;
				}

				.row > .col-7-small {
					width: 58.33333%;
				}

				.row > .off-7-small {
					margin-left: 58.33333%;
				}

				.row > .col-8-small {
					width: 66.66667%;
				}

				.row > .off-8-small {
					margin-left: 66.66667%;
				}

				.row > .col-9-small {
					width: 75%;
				}

				.row > .off-9-small {
					margin-left: 75%;
				}

				.row > .col-10-small {
					width: 83.33333%;
				}

				.row > .off-10-small {
					margin-left: 83.33333%;
				}

				.row > .col-11-small {
					width: 91.66667%;
				}

				.row > .off-11-small {
					margin-left: 91.66667%;
				}

				.row > .col-12-small {
					width: 100%;
				}

				.row > .off-12-small {
					margin-left: 100%;
				}

				.row.gtr-0 {
					margin-top: 0;
					margin-left: 0em;
				}

					.row.gtr-0 > * {
						padding: 0 0 0 0em;
					}

					.row.gtr-0.gtr-uniform {
						margin-top: 0em;
					}

						.row.gtr-0.gtr-uniform > * {
							padding-top: 0em;
						}

				.row.gtr-25 {
					margin-top: 0;
					margin-left: -0.375em;
				}

					.row.gtr-25 > * {
						padding: 0 0 0 0.375em;
					}

					.row.gtr-25.gtr-uniform {
						margin-top: -0.375em;
					}

						.row.gtr-25.gtr-uniform > * {
							padding-top: 0.375em;
						}

				.row.gtr-50 {
					margin-top: 0;
					margin-left: -0.75em;
				}

					.row.gtr-50 > * {
						padding: 0 0 0 0.75em;
					}

					.row.gtr-50.gtr-uniform {
						margin-top: -0.75em;
					}

						.row.gtr-50.gtr-uniform > * {
							padding-top: 0.75em;
						}

				.row {
					margin-top: 0;
					margin-left: -1.5em;
				}

					.row > * {
						padding: 0 0 0 1.5em;
					}

					.row.gtr-uniform {
						margin-top: -1.5em;
					}

						.row.gtr-uniform > * {
							padding-top: 1.5em;
						}

				.row.gtr-150 {
					margin-top: 0;
					margin-left: -2.25em;
				}

					.row.gtr-150 > * {
						padding: 0 0 0 2.25em;
					}

					.row.gtr-150.gtr-uniform {
						margin-top: -2.25em;
					}

						.row.gtr-150.gtr-uniform > * {
							padding-top: 2.25em;
						}

				.row.gtr-200 {
					margin-top: 0;
					margin-left: -3em;
				}

					.row.gtr-200 > * {
						padding: 0 0 0 3em;
					}

					.row.gtr-200.gtr-uniform {
						margin-top: -3em;
					}

						.row.gtr-200.gtr-uniform > * {
							padding-top: 3em;
						}

		}

		@media screen and (max-width: 480px) {

			.row {
				display: flex;
				flex-wrap: wrap;
				box-sizing: border-box;
				align-items: stretch;
			}

				.row > * {
					box-sizing: border-box;
				}

				.row.gtr-uniform > * > :last-child {
					margin-bottom: 0;
				}

				.row.aln-left {
					justify-content: flex-start;
				}

				.row.aln-center {
					justify-content: center;
				}

				.row.aln-right {
					justify-content: flex-end;
				}

				.row.aln-top {
					align-items: flex-start;
				}

				.row.aln-middle {
					align-items: center;
				}

				.row.aln-bottom {
					align-items: flex-end;
				}

				.row > .imp-xsmall {
					order: -1;
				}

				.row > .col-1-xsmall {
					width: 8.33333%;
				}

				.row > .off-1-xsmall {
					margin-left: 8.33333%;
				}

				.row > .col-2-xsmall {
					width: 16.66667%;
				}

				.row > .off-2-xsmall {
					margin-left: 16.66667%;
				}

				.row > .col-3-xsmall {
					width: 25%;
				}

				.row > .off-3-xsmall {
					margin-left: 25%;
				}

				.row > .col-4-xsmall {
					width: 33.33333%;
				}

				.row > .off-4-xsmall {
					margin-left: 33.33333%;
				}

				.row > .col-5-xsmall {
					width: 41.66667%;
				}

				.row > .off-5-xsmall {
					margin-left: 41.66667%;
				}

				.row > .col-6-xsmall {
					width: 50%;
				}

				.row > .off-6-xsmall {
					margin-left: 50%;
				}

				.row > .col-7-xsmall {
					width: 58.33333%;
				}

				.row > .off-7-xsmall {
					margin-left: 58.33333%;
				}

				.row > .col-8-xsmall {
					width: 66.66667%;
				}

				.row > .off-8-xsmall {
					margin-left: 66.66667%;
				}

				.row > .col-9-xsmall {
					width: 75%;
				}

				.row > .off-9-xsmall {
					margin-left: 75%;
				}

				.row > .col-10-xsmall {
					width: 83.33333%;
				}

				.row > .off-10-xsmall {
					margin-left: 83.33333%;
				}

				.row > .col-11-xsmall {
					width: 91.66667%;
				}

				.row > .off-11-xsmall {
					margin-left: 91.66667%;
				}

				.row > .col-12-xsmall {
					width: 100%;
				}

				.row > .off-12-xsmall {
					margin-left: 100%;
				}

				.row.gtr-0 {
					margin-top: 0;
					margin-left: 0em;
				}

					.row.gtr-0 > * {
						padding: 0 0 0 0em;
					}

					.row.gtr-0.gtr-uniform {
						margin-top: 0em;
					}

						.row.gtr-0.gtr-uniform > * {
							padding-top: 0em;
						}

				.row.gtr-25 {
					margin-top: 0;
					margin-left: -0.375em;
				}

					.row.gtr-25 > * {
						padding: 0 0 0 0.375em;
					}

					.row.gtr-25.gtr-uniform {
						margin-top: -0.375em;
					}

						.row.gtr-25.gtr-uniform > * {
							padding-top: 0.375em;
						}

				.row.gtr-50 {
					margin-top: 0;
					margin-left: -0.75em;
				}

					.row.gtr-50 > * {
						padding: 0 0 0 0.75em;
					}

					.row.gtr-50.gtr-uniform {
						margin-top: -0.75em;
					}

						.row.gtr-50.gtr-uniform > * {
							padding-top: 0.75em;
						}

				.row {
					margin-top: 0;
					margin-left: -1.5em;
				}

					.row > * {
						padding: 0 0 0 1.5em;
					}

					.row.gtr-uniform {
						margin-top: -1.5em;
					}

						.row.gtr-uniform > * {
							padding-top: 1.5em;
						}

				.row.gtr-150 {
					margin-top: 0;
					margin-left: -2.25em;
				}

					.row.gtr-150 > * {
						padding: 0 0 0 2.25em;
					}

					.row.gtr-150.gtr-uniform {
						margin-top: -2.25em;
					}

						.row.gtr-150.gtr-uniform > * {
							padding-top: 2.25em;
						}

				.row.gtr-200 {
					margin-top: 0;
					margin-left: -3em;
				}

					.row.gtr-200 > * {
						padding: 0 0 0 3em;
					}

					.row.gtr-200.gtr-uniform {
						margin-top: -3em;
					}

						.row.gtr-200.gtr-uniform > * {
							padding-top: 3em;
						}

		}

/* Section/Article */

	section.special, article.special {
		text-align: center;
	}
	
	header {
		position: relative;
	}
	
		header ul.actions,
		header ul.radio-switch {
			position: absolute;
			top: 0;
			right: 0;
		}		
		
			header ul.actions select {
				font-size: 0.8em;
				height: 3.5em;
				line-height: 3.5em;
			}	
		
		header section {
			position: absolute;
			top: 0;
			right: 0;
		}			

		header p {
			font-size: 1em;
			letter-spacing: 0.075em;
			margin-top: -0.5em !important;
			text-transform: uppercase;
		}

		header img.icon {
			display: block;
			width: 64px;
			height: 64px;
			text-align: center;
			float: left;
			position: absolute;
			top: 50%;
			-ms-transform: translateY(-50%);
			transform: translateY(-50%);
		}

		header img.icon + h1,
		header img.icon + h2,
		header img.icon + h3,
		header img.icon + h4,
		header img.icon + h5 {
			margin-left: 96px;
		}

		header img.icon ~ p {
			margin-left: 96px;
		}

		header > span {
			display: block;
			font-size: 1em;
			letter-spacing: 0.075em;
			color: rgba(246,250,255,0.25);
			margin-bottom: -0.5em !important;
			text-transform: uppercase;
		}

		header.major > :last-child {
			border-bottom: solid 1px var(--color-primary, #24a0ed);
			display: inline-block;
			margin: 0 0 2em 0;
			padding: 0 0 0.5em 0;
		}

			header.major > :last-child:after {
				background-color: var(--color-primary--500);
				box-shadow: var(--ui-glow);
				bottom: 2em;
				content: "";
				height: 1px;
				position: absolute;
				left: 0;
				width: 100%;
			}

		header.main > :last-child {
			margin: 0 0 1em 0;
		}

		header.tight h3 {
			margin-bottom: 0.5em;
		}

		header.tight p {
			margin-bottom: 0.25em;
		}

		header.tight img.icon {
			width: 32px;
			height: 32px;
		}

		header.tight img.icon + h1,
		header.tight img.icon + h2,
		header.tight img.icon + h3,
		header.tight img.icon + h4,
		header.tight img.icon + h5 {
			margin-left: 96px;
		}

			header.tight img.icon ~ p {
				margin-left: 48px;
			}

		header.squeeze {
			margin-bottom: 1em;
		}

			header.squeeze h1,
			header.squeeze h2,
			header.squeeze h3,
			header.squeeze h4,
			header.squeeze h5,
			header.squeeze p {
				margin-bottom: 0;
			}

		header.fixed-height-64 {
			height: 64px;
		}

		header.flex-center {
			display: flex;
			align-items: center;
		}

		header img.icon + .header-container {
			margin-left: calc(64px + 1.5em);
		}

		header #search form:before {
			font-size: 1.4em;
		}

		header.style1 * {
			color: var(--color-primary, #24a0ed) !important;
			text-shadow: var(--ui-glow-text);
		}

			header.style1 > :last-child {
				border-bottom: solid 1px var(--color-primary, #24a0ed);
				display: inline-block;
				padding: 0 0 0.5em 0;
			}

				header.style1 > :last-child:after {
					background-color: var(--color-primary--500);
					box-shadow: var(--ui-glow);
					bottom: 1em;
					content: "";
					height: 1px;
					position: absolute;
					left: 0;
					width: 100%;
				}

		header.style2 * {
			color: var(--color-secondary, #00D5DC) !important;
			text-shadow: var(--ui-glow-text);
		}

			header.style2 > :last-child {
				border-bottom: solid 1px var(--color-secondary, #00D5DC);
				display: inline-block;
				padding: 0 0 0.5em 0;
			}

				header.style2 > :last-child:after {
					background-color: var(--color-secondary, #00D5DC);
					box-shadow: var(--ui-glow-secondary);
					bottom: 1em;
					content: "";
					height: 1px;
					position: absolute;
					left: 0;
					width: 100%;
				}

		header.style3 * {
			color: var(--color-teriary, #7876D4) !important;
			text-shadow: var(--ui-glow-text);
		}

			header.style3 > :last-child {
				border-bottom: solid 1px var(--color-teriary, #7876D4);
				display: inline-block;
				padding: 0 0 0.5em 0;
			}

				header.style3 > :last-child:after {
					background-color: var(--color-teriary, #7876D4);
					box-shadow: var(--ui-glow-teriary);
					bottom: 1em;
					content: "";
					height: 1px;
					position: absolute;
					left: 0;
					width: 100%;
				}
		
		@media screen and (max-width: 480px) {

			header #search form input[type="text"] {
				width: 10em;
			}
			
			header ul.actions,
			header ul.radio-switch {
				position: inherit;
			}	
			
			header ul.actions {
				justify-content: flex-end;
			}			

			header ul.radio-switch.multiplier-icon {
				margin-left: 2em !important;
			}			

		}

/* Form */

	form {
		margin: 0 0 2em 0;
	}
	
		form > :last-child {
			margin-bottom: 0;
		}
		form > .fields {
			display: -moz-flex;
			display: -webkit-flex;
			display: -ms-flex;
			display: flex;
			-moz-flex-wrap: wrap;
			-webkit-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			margin: -2rem 0 2rem -2rem;
			width: calc(100% + 4rem);
		}
			form > .fields > .field {
				-moz-flex-grow: 0;
				-webkit-flex-grow: 0;
				-ms-flex-grow: 0;
				flex-grow: 0;
				-moz-flex-shrink: 0;
				-webkit-flex-shrink: 0;
				-ms-flex-shrink: 0;
				flex-shrink: 0;
				padding: 2rem 0 0 2rem;
				width: calc(100% - 2rem);
			}
				form > .fields > .field > :last-child {
					margin-bottom: 0;
				}
				form > .fields > .field.half {
					width: calc(50% - 1rem);
				}
				form > .fields > .field.third {
					width: calc(100%/3 - 0.6666666667rem);
				}
				form > .fields > .field.quarter {
					width: calc(25% - 0.5rem);
				}
		@media screen and (max-width: 480px) {

			form > .fields {
				margin: -1.5rem 0 2rem -1.5rem;
				width: calc(100% + 3rem);
			}
				form > .fields > .field {
					/*padding: 1.5rem 0 0 1.5rem;*/
					width: calc(100% - 1rem);
				}
				
					form > .fields > .field.half {
						width: calc(100% - 1rem);
					}
					form > .fields > .field.third {
						width: calc(100% - 1rem);
					}
					form > .fields > .field.quarter {
						width: calc(100% - 1rem);
					}
		}
		form .message {
			text-decoration: none;
			-moz-transition: opacity 0.2s ease-in-out, -moz-transform 0.2s ease-in-out;
			-webkit-transition: opacity 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
			-ms-transition: opacity 0.2s ease-in-out, -ms-transform 0.2s ease-in-out;
			transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
			-moz-transform: scale(1.05);
			-webkit-transform: scale(1.05);
			-ms-transform: scale(1.05);
			transform: scale(1.05);
			height: 2.75em;
			line-height: 2.75em;
			opacity: 0;
		}
			form .message:before {
				-moz-osx-font-smoothing: grayscale;
				-webkit-font-smoothing: antialiased;
				font-family: 'Font Awesome 6 Pro';
				font-style: normal;
				font-variant: normal;
				font-weight: 100;
				text-transform: none !important;
			}
			form .message:before {
				margin-right: 0.5em;
			}
			form .message.visible {
				-moz-transform: scale(1);
				-webkit-transform: scale(1);
				-ms-transform: scale(1);
				transform: scale(1);
				opacity: 1;
			}
			form .message.success {
				color: var(--color-primary, #24a0ed);
			}
				form .message.success:before {
					content: '\f00c'; 
				}
			form .message.failure {
				color: var(--color-warning, #ff2361);
			}
				form .message.failure:before {
					content: '\f119';
				}	
				
			form .message.pending {
				/*color: var(--color-warning, #ff2361);*/			
			}
				form .message.pending:before {
					content: '\f3f4'; /* f1ce */
					display: inline-block;
					-moz-animation: spin 2s linear infinite;
					-webkit-animation: spin 2s linear infinite;
					animation: spin 2s linear infinite;						
				}			

			.spin {
				-moz-animation: spin 2s infinite linear;
			  -webkit-animation: spin 2s infinite linear;
			  animation: spin 2s infinite linear;
			}
			.pulse {
			  -webkit-animation: spin 1s infinite steps(8);
			  animation: spin 1s infinite steps(8);
			}				
				
				@-moz-keyframes spin {
					0% {
						-moz-transform: rotate(0deg);
					}
					100% {
						-moz-transform: rotate(359deg);
					}
				}
				@-webkit-keyframes spin {
					0% {
						-webkit-transform: rotate(0deg);
					}
					100% {
						-webkit-transform: rotate(359deg);
					}
				}
				@keyframes spin {
					0% {
						transform: rotate(0deg);
					}
					100% {
						transform: rotate(359deg);
					}
				}

	label {
		color: var(--color-standard-50, rgba(246, 250, 255, 0.5));
		display: block;
		font-size: 0.9em;
		margin: 0 0 1em 0;
		letter-spacing: 0.05em;
		cursor: url('../images/cursor.png') 10 5, default;
	}

	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="tel"],
	input[type="search"],
	input[type="url"],
	input[type="range"],
	input[type="date"],
	select,
	textarea {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		background-color: var(--color-black-eighth, rgba(0,0,0,0.125));
		/*border-radius: 0.375em;*/
		border: none;
		border: var(--border-default, solid 1px rgba(246, 250, 255, 0.1));
		color: inherit;
		display: block;
		outline: 0;
		padding: 0 1em;
		text-decoration: none;
		width: 100%;
	}

		input[type="text"]:invalid,
		input[type="password"]:invalid,
		input[type="email"]:invalid,
		input[type="tel"]:invalid,
		input[type="search"]:invalid,
		input[type="url"]:invalid,
		input[type="range"]:invalid,
		select:invalid,
		textarea:invalid {
			box-shadow: none;
		}

		input[type="text"]:focus,
		input[type="password"]:focus,
		input[type="email"]:focus,
		input[type="tel"]:focus,
		input[type="search"]:focus,
		input[type="url"]:focus,
		input[type="range"]:focus,
		select:focus,
		textarea:focus {
			/*border-color: #24a0ed;
			box-shadow: 0 0 0 1px #24a0ed;*/
			border: 1px solid var(--color-standard-20, rgba(246, 250, 255, 0.2));
			background-color: var(--color-standard-25, rgba(246, 250, 255, 0.25));
		}

		input[type="text"].required,
		input[type="password"].required,
		input[type="email"].required,
		input[type="tel"].required,
		input[type="search"].required,
		input[type="url"].required,
		input[type="range"].required,
		input[type="date"].required,
		select.required,
		textarea.required {
			/*border: 1px solid rgba(255, 35, 97,0.2);
            background-color: rgba(255, 35, 97, 0.25);*/
			border: var(--border-required, 1px solid rgba(255, 35, 97,0.5));
		}        

		input[type="text"]:read-only,
		input[type="password"]:read-only,
		input[type="email"]:read-only,
		input[type="tel"]:read-only,
		input[type="search"]:read-only,
		input[type="url"]:read-only,
		input[type="range"]:read-only,
		input[type="date"]:read-only,
		textarea:read-only {
			border: none;
		}

		input[type="text"]:focus,
		input[type="password"]:focus,
		input[type="email"]:focus,
		input[type="tel"]:focus,
		input[type="search"]:focus,
		input[type="url"]:focus,
		input[type="range"]:focus,
		select:focus,
		textarea:focus {
			/*border-color: #24a0ed;
			box-shadow: 0 0 0 1px #24a0ed;*/
			border: 1px solid var(--color-standard-20, rgba(246, 250, 255, 0.2));
			background-color: var(--color-standard-25, rgba(246, 250, 255, 0.25));
		}

	select {
		background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc0MCcgaGVpZ2h0PSc0MCcgcHJlc2VydmVBc3BlY3RSYXRpbz0nbm9uZScgdmlld0JveD0nMCAwIDQwIDQwJz48cGF0aCBkPSdNOS40LDEyLjNsMTAuNCwxMC40bDEwLjQtMTAuNGMwLjItMC4yLDAuNS0wLjQsMC45LTAuNGMwLjMsMCwwLjYsMC4xLDAuOSwwLjRsMy4zLDMuM2MwLjIsMC4yLDAuNCwwLjUsMC40LDAuOSBjMCwwLjQtMC4xLDAuNi0wLjQsMC45TDIwLjcsMzEuOWMtMC4yLDAuMi0wLjUsMC40LTAuOSwwLjRjLTAuMywwLTAuNi0wLjEtMC45LTAuNEw0LjMsMTcuM2MtMC4yLTAuMi0wLjQtMC41LTAuNC0wLjkgYzAtMC40LDAuMS0wLjYsMC40LTAuOWwzLjMtMy4zYzAuMi0wLjIsMC41LTAuNCwwLjktMC40UzkuMSwxMi4xLDkuNCwxMi4zeicgZmlsbD0nIzMxMzAzMicgLz48L3N2Zz4=);
		background-size: 1.25em;
		background-repeat: no-repeat;
		background-position: calc(100% - 1em) center;
		height: 2.75em;
		padding-right: 2.75em;
		text-overflow: ellipsis;
	}

		select option {
			color: var(--color-invert, #3d4449);
			background: var(--color-standard, #eceeef);
		}

		select:focus::-ms-value {
			background-color: transparent;
		}

		select::-ms-expand {
			display: none;
		}

	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="tel"],
	input[type="search"],
	input[type="url"],
	input[type="range"],
	input[type="date"],
	select {
		height: 2.75em;
	}

	textarea {
		padding: 0.75em 1em;
	}

	input[type="checkbox"],
	input[type="radio"] {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		display: block;
		float: left;
		margin-right: -2em;
		opacity: 0;
		width: 1em;
		z-index: -1;
	}

		input[type="checkbox"] + label,
		input[type="radio"] + label {
			text-decoration: none;
			color: var(--color-standard-75, rgba(246, 250, 255, 0.75));
			cursor: url('../images/cursor_link.png') 10 5, pointer;
			display: inline-block;
			font-size: 1em;
			font-weight: 400;
			padding-left: 2.4em;
			padding-right: 0.75em;
			position: relative;
		}

			input[type="checkbox"] + label:before,
			input[type="radio"] + label:before {
				-moz-osx-font-smoothing: grayscale;
				-webkit-font-smoothing: antialiased;
				display: inline-block;
				font-style: normal;
				font-variant: normal;
				text-rendering: auto;
				line-height: 1;
				text-transform: none !important;
				font-family: 'Font Awesome 6 Pro';
				font-weight: 100;
			}

			input[type="checkbox"] + label:before,
			input[type="radio"] + label:before {
				background: var(--color-black-eighth, rgba(0,0,0,0.125));
				border-radius: 0;
				border: var(--border-default, solid 1px rgba(246, 250, 255, 0.1));
				content: '';
				display: inline-block;
				font-size: 0.8em;
				height: 2.0625em;
				left: 0;
				line-height: 2.0625em;
				position: absolute;
				text-align: center;
				top: 0;
				width: 2.0625em;
			}

		input[type="checkbox"]:checked + label:before,
		input[type="radio"]:checked + label:before {
			background: var(--color-black-quarter, rgba(0,0,0,0.25));
			border: solid 1px var(--color-standard-20, rgba(246, 250, 255, 0.2));			
			color: var(--color-standard, #eceeef);
			content: '\f00c';
		}

		input[type="checkbox"]:focus + label:before,
		input[type="radio"]:focus + label:before {
			border: 1px solid var(--color-standard-20, rgba(246, 250, 255, 0.2));
			background-color: var(--color-standard-25, rgba(246, 250, 255, 0.25));
			box-shadow: 0 0 0 1px var(--color-primary, #24a0ed);
		}
		
		input[type="checkbox"].required + label:before,
		input[type="radio"].required + label:before {
			border: var(--border-required, 1px solid rgba(255, 35, 97,0.5));
		}		

	input[type="checkbox"] + label:before {
		/*border-radius: 0.375em;*/
	}

	input[type="radio"] + label:before {
		border-radius: 100%;
	}

		input[type="checkbox"].switch + label {
			padding-left: 4.4em;
		}

			input[type="checkbox"].switch + label:before {
				-webkit-transition: all .2s ease;
				transition: all .2s ease;
				width: 4.125em;
				left: 0;
				border-radius: 2.0625em;
			}

		input[type="checkbox"].switch:checked + label:before {
			border: var(--border-checked, solid 1px rgba(36,160,237, 0.2));
			color: var(--color-primary, #24a0ed);
			content: '';
		}


		input[type="checkbox"].switch + label:after {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			display: inline-block;
			font-style: normal;
			font-variant: normal;
			text-rendering: auto;
			line-height: 1;
			text-transform: none !important;
			font-family: 'Font Awesome 6 Pro';
			font-weight: 400;
		}

		input[type="checkbox"].switch + label:after {
			-webkit-transition: all .2s ease;
			transition: all .2s ease;
			left: 0.625em;
			content: '\f111';
			position: absolute;
			height: 2.0625em;
			line-height: 2.0625em;
			font-size: 0.8em;
			color: var(--color-standard-sixteenth, #eceeef10);
		}

		input[type="checkbox"].switch:checked + label:after {
			left: 2.5em;
			color: var(--color-primary, #24a0ed);
			font-weight: 400;
			text-shadow: var(--ui-glow);
		}

[type="file"] {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	white-space: nowrap;
	width: 1px;
}

	[type="file"] + label {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		background-color: transparent;
		border: 1px solid var(--color-standard-20, rgba(246, 250, 255, 0.2));
		/* box-shadow: inset 0 0 0 2px #24a0ed; */
		color: var(--color-standard, #eceeef) !important;
		cursor: url(../images/cursor_link.png) 10 5, pointer;
		display: inline-block;
		font-size: 0.8em;
		font-weight: 300;
		height: 3.5em;
		letter-spacing: 0.075em;
		line-height: 3.5em;
		padding: 0 2.25em;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		white-space: nowrap;
		width: 100%;
	}

		[type="file"]:focus + label,
		[type="file"] + label:hover {
			background-color: var(--color-background-hover, rgba(0, 166, 217, 0.05));
			border-bottom-color: var(--color-standard-20, rgba(246, 250, 255, 0.2));
		}

	[type="file"]:focus + label {
		border: 1px solid var(--color-standard-20, rgba(246, 250, 255, 0.2));
		background-color: var(--color-standard-25, rgba(246, 250, 255, 0.25));
	}



input[type="range"] {
	margin: 0;
	cursor: url('../images/cursor_link.png') 10 5, pointer;
}	
	
	input[type="range"] + .status {
		position: absolute;
		top: -2.5em;
		right: 0;
		color: var(--color-standard, #eceeef);
		opacity: 0.325;
	}	
	
	input[type="range"]::-webkit-slider-thumb{-webkit-appearance:0}
	input[type="range"]::-ms-track{background:transparent;border-color:transparent;color:transparent}
	input[type="range"]::-webkit-slider-thumb {
		-webkit-appearance: none;
		margin-top: -0.85em;
		border: 0;
		border-radius: 0;
		width: 0.325em;
		height: 2em;
		background: var(--color-standard, #eceeef)
	}
	input[type="range"]::-moz-range-thumb {
		border: 0;
		border-radius: 0;
		width: 0.325em;
		height: 2em;
		background: var(--color-standard-half, #eceeef80)
	}
	input[type="range"]::-ms-thumb {
		border: 0;
		border-radius: 0;
		width: 0.325em;
		height: 2em;
		background: var(--color-standard-half, #eceeef80);
		margin-top: 0
	}
	
	input[type="range"]::-webkit-slider-runnable-track {
		width:100%;
		height:0.25em;
		border-radius:0;
		border:0;
		background:rgba(144,144,144,0.075);
		cursor: url('../images/cursor_link.png') 10 5, pointer;
	}

		input[type="range"].temp::-webkit-slider-runnable-track {
			width: 100%;
			height: 0.25em;
			border-radius: 0;
			border: 0;
			background: linear-gradient(90deg, rgba(0,128,255,0.075) 0%, rgba(0,192,255,0.075) 15%, rgba(0,255,255,0.075) 30%, rgba(246,250,255,0.075) 50%, rgba(255,255,0,0.075) 70%, rgba(255,128,0,0.075) 85%, rgba(255,0,0,0.075) 100%);
			background: linear-gradient(90deg, rgba(0,128,255,0.15) 0%, rgba(0,192,255,0.15) 15%, rgba(0,255,255,0.15) 30%, rgba(246,250,255,0.15) 50%, rgba(255,255,0,0.15) 70%, rgba(255,128,0,0.15) 85%, rgba(255,0,0,0.15) 100%);
			cursor: url('../images/cursor_link.png') 10 5, pointer;
		}

		input[type="range"].temp:focus::-webkit-slider-runnable-track {
			background: linear-gradient(90deg, rgba(0,128,255,0.5) 0%, rgba(0,192,255,0.5) 15%, rgba(0,255,255,0.5) 30%, rgba(246,250,255,0.5) 50%, rgba(255,255,0,0.5) 70%, rgba(255,128,0,0.5) 85%, rgba(255,0,0,0.5) 100%);
		}
	
	input[type="range"]:focus::-webkit-slider-runnable-track{background:rgba(144,144,144,0.075)}
	input[type="range"]::-moz-range-track{width:100%;height:0.25em;border-radius:0;border:0;background:rgba(144,144,144,0.075);cursor: url('../images/cursor_link.png') 10 5, pointer;}
	input[type="range"]::-ms-track{width:100%;height:0.25em;border-radius:0;border:0;background:rgba(144,144,144,0.075);cursor: url('../images/cursor_link.png') 10 5, pointer;}
	input[type="range"]::-ms-fill-lower{background:rgba(144,144,144,0.075)}
	input[type="range"]:focus::-ms-fill-lower{background:rgba(144,144,144,0.075)}
	input[type="range"]::-ms-fill-upper{background:rgba(144,144,144,0.075)}
	input[type="range"]:focus::-ms-fill-upper{background:rgba(144,144,144,0.075)}	
	
	.date-wrapper {
		position: relative;
	}
	
	input[type="date"]::-webkit-clear-button {
		display: none;
	}
	
	input[type="date"]::-webkit-inner-spin-button {
	  display: none;
	}
	
	input[type="date"]::-webkit-calendar-picker-indicator {
	  opacity: 0;
	  background: transparent;
	  height: 100%;
	  width: 1.75em;
	  float: right;
	}	
	
	input[type="date"] {
		
	}
	
		input[type="date"]:after {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			display: inline-block;
			font-style: normal;
			font-variant: normal;
			text-rendering: auto;
			line-height: 1;
			text-transform: none !important;
			font-family: 'Font Awesome 6 Pro';
			font-weight: 100;		
		}	
		
		input[type="date"]:after {
			content: '\f073';		
		}		
		
		input[type="date"]:after {
			font-size: 1.5em;
			height: 1.75em;
			line-height: 1.75em;
			opacity: 0.325;
			color: var(--color-input-icon, #7f888f);
			right: 0;
			bottom: 0;
			position: absolute;
			z-index: -1;
			width: 2em;
			text-align: center;			
		}

		#infobar input[type="date"]:after {
			z-index: 0;
		}		
		
	.relative-wrapper {
		position: relative;
	}		
	
		input.buttoned {
			width: calc(100% - 2.75em - 1px);
			display: inline-block;
		}	
		
		.button.float-right {
			float: right;
		}
	
		.relative-wrapper div:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			display: inline-block;
			font-style: normal;
			font-variant: normal;
			text-rendering: auto;
			line-height: 1;
			text-transform: none !important;
			font-family: 'Font Awesome 6 Pro';
			font-weight: 100;
		}		
	
		.relative-wrapper div:before {
			color: var(--color-input-icon, #7f888f);
			content: '\f002';
			cursor: url('../images/cursor.png') 10 5, default;
			display: block;
			font-size: 1.5em;
			height: 2em;
			line-height: 2em;
			opacity: 0.325;
			position: absolute;
			right: 0;
			text-align: center;
			top: 0;
			width: 2em;
			height: 1.8em;
			line-height: 1.8em;			
		}	
		
		.relative-wrapper div.randomize:before {
			content: '\f522';
		}

		.relative-wrapper div.cog:before {
			content: '\f013';

		}

		.relative-wrapper div.copy:before {
			content: '\f328';
			font-size: 1.25em;
			height: 2em;
			line-height: 2em;
		}

		.relative-wrapper div a.hid {
			position: absolute;
			right: 0;
			top: 0;
			width: 3em;
			height: 2.75em;
			border: 0;			
		}

			.relative-wrapper div.copy a.hid {
				height: 2.25em;
				width: 2.25em;
			}

		.relative-wrapper .metric {
			position: absolute;
			right: 0;
			top: 1.5em;
			color: rgba(246, 250, 255, 0.375);
			font-size: 0.9em;
		}
		
		.randomize:after {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			display: inline-block;
			font-style: normal;
			font-variant: normal;
			text-rendering: auto;
			line-height: 1;
			text-transform: none !important;
			font-family: 'Font Awesome 6 Pro';
			font-weight: 100;		
		}	
		
		.randomize:after {
			content: '\f522';	
			content: '\f6d1';
		}		
		
		.randomize:after {
			font-size: 1.5em;
			height: 1.75em;
			line-height: 1.75em;
			opacity: 0.325;
			right: 1em;
			bottom: 0;
			position: absolute;
			z-index: -1;
		}					
	
	.relative {
		text-decoration: none;
		position: relative;
	}
	
	.relative input {
		padding-left: 2.75em;
	}		
	
		.relative:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			display: inline-block;
			font-style: normal;
			font-variant: normal;
			text-rendering: auto;
			line-height: 1;
			text-transform: none !important;
			font-family: 'Font Awesome 6 Pro';
			font-weight: 100;
		}		
		
		.relative:before {
			color: var(--color-input-icon, #7f888f);
			cursor: url('../images/cursor.png') 10 5, default;
			display: block;
			font-size: 1.5em;
			height: 1.75em;
			line-height: 1.75em;
			opacity: 0.325;
			position: absolute;
			left: 0;
			text-align: center;
			top: 0;
			width: 1.75em;
		}	
	
		.relative.money:before {
			content: '\f155';
		}

		.relative.hashtag:before {
			content: '\f292';
		}

		#infobar .relative:before {
			font-size: 1.746em;
		}
	
	form.combined {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-direction: row;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		margin-left: auto;
		margin-right: auto;
		max-width: 100%;
		position: relative;
	}
	
		form.combined input[type="text"], 
		form.combined input[type="password"], 
		form.combined input[type="email"], 
		form.combined input[type="tel"], 
		form.combined input[type="search"], 
		form.combined input[type="url"], 
		form.combined select {
			-moz-flex-grow: 1;
			-webkit-flex-grow: 1;
			-ms-flex-grow: 1;
			flex-grow: 1;
			-moz-flex-shrink: 1;
			-webkit-flex-shrink: 1;
			-ms-flex-shrink: 1;
			flex-shrink: 1;
		}
		
		form.combined input[type="submit"], 
		form.combined input[type="reset"], 
		form.combined input[type="button"], 
		form.combined button, 
		form.combined .button {
			-moz-flex-grow: 0;
			-webkit-flex-grow: 0;
			-ms-flex-grow: 0;
			flex-grow: 0;
			-moz-flex-shrink: 0;
			-webkit-flex-shrink: 0;
			-ms-flex-shrink: 0;
			flex-shrink: 0;
			margin: 0;		
		}
		
		form.combined.large input[type="text"], 
		form.combined.large input[type="password"], 
		form.combined.large input[type="email"], 
		form.combined.large input[type="tel"], 
		form.combined.large input[type="search"], 
		form.combined.large input[type="url"], 
		form.combined.large select {
			font-size: 1.2rem;
			padding-left: 2rem;
			height: 3.6rem;
		}
		
		form.combined.large input[type="submit"], 
		form.combined.large input[type="reset"], 
		form.combined.large input[type="button"], 
		form.combined.large button, 
		form.combined.large .button {
			padding: 0 2.5rem 0 2rem;
			font-size: 1.2rem;
			line-height: 3.6rem;
			height: 3.6rem;			
		}		
		
	@media screen and (max-width: 736px) {

		form.combined {
			-moz-flex-direction: column;
			-webkit-flex-direction: column;
			-ms-flex-direction: column;
			flex-direction: column;
		}

	}
		
	
	.form-field-wrapper {
		position: relative;
	}	
		
		.form-field-wrapper .swatch {
			width: 2.75em;
			height: 2.75em;
			border-radius: 0;
			display: block;
			border: solid 1px rgba(246,250,255,0.1);
			position: absolute;
			-moz-pointer-events: none;
			-webkit-pointer-events: none;
			-ms-pointer-events: none;
			pointer-events: none;
			top: 0;
			right: 0;
		}

		#infobar .form-field-wrapper .swatch {
			font-size: 1.111em;
		}
		
		.form-field-wrapper .status {
			position: absolute;
			top: -2.5em;
			right: 0;
			color: var(--color-standard, #eceeef);
			opacity: 0.325;
		}


.upgrade-icon {
	-moz-transition: border-color .2s ease-in-out, opacity 0.2s ease-in-out;
	-webkit-transition: border-color .2s ease-in-out, opacity 0.2s ease-in-out;
	-ms-transition: border-color .2s ease-in-out, opacity 0.2s ease-in-out;
	transition: border-color .2s ease-in-out, opacity 0.2s ease-in-out;
	display: inline-block;
	font-size: 1em;
	border: 0;
	width: 1.75em;
	height: 1.75em;
	line-height: 1.75em;
	text-align: center;
	white-space: nowrap;
	position: relative;
	vertical-align: middle;
	border-radius: 0;
	margin-left: 0.25em;
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' viewBox='0 0 408 552'%3E%3Cpath d='M336.6,216c0.2-10.4,0.1-23.1-0.6-36.7c-2.6-47.9-12.2-83.5-28.6-106C287.5,45.9,248.9,29.6,204,29.6s-83.5,16.3-103.4,43.6 c-16.4,22.5-26,58.1-28.6,106c-0.7,13.7-0.8,26.4-0.6,36.7H24v264h359.1l0.9-264H336.6z M139.4,101.5C150,87,175.3,77.6,204,77.6 s54,9.4,64.6,23.9c16.6,22.7,20.9,75.4,20.1,114.5H119.4C118.7,181.4,121.6,125.9,139.4,101.5z' fill='%2324a0ed' /%3E%3C/svg%3E");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 1.25em;
	border-color: transparent;
	opacity: 0.5;
}

input[type="checkbox"] + label + .upgrade-icon,
label + input + .upgrade-icon,
label + select + .upgrade-icon,
label + select + p + .upgrade-icon,
label + .textarea-wrapper + .upgrade-icon,
label + .form-image-uploader + .upgrade-icon {
	position: absolute;
	top: 1.5em;
	right: 0;
}

a.upgrade-icon:hover {
	/*background-color: rgba(71,73,88,0.475);*/
	border: 1px solid rgba(71,73,88,0.475);
	opacity: 1;
}
	
	::-webkit-input-placeholder {
		color: #9fa3a6 !important;
		opacity: 1.0;
		text-overflow:ellipsis;
	}	

	::-webkit-input-placeholder {
		color: #9fa3a6 !important;
		opacity: 1.0;
		text-overflow:ellipsis;
	}

	:-moz-placeholder {
		color: #9fa3a6 !important;
		opacity: 1.0;
		text-overflow:ellipsis;
	}

	::-moz-placeholder {
		color: #9fa3a6 !important;
		opacity: 1.0;
		text-overflow:ellipsis;
	}

	:-ms-input-placeholder {
		color: #9fa3a6 !important;
		opacity: 1.0;
		text-overflow:ellipsis;
	}
	
	
/* Form Markup */

	/*
	form .field {
		position: relative;
		border: solid 1px #dadada;
		border-radius: 4px;
	}
	*/

/* Check Switch */

.checkbox-switch {
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-user-select: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-touch-callout: none;
	cursor: url('../images/cursor.png') 10 5, default;
}

ul.checkbox-switch {
	list-style: none;
	padding-left: 0;
	margin-bottom: 2em;
}

.checkbox-switch input[type="checkbox"] {
	display: inline-block;
}

	.checkbox-switch input[type="checkbox"] + label:before {
		display: none;
	}

.checkbox-switch > li {
	display: inline-block;
	border: solid 1px #dadada;
	border: 1px solid var(--color-standard-20, rgba(246, 250, 255, 0.2));
	border-left-width: 0;
	border-right-color: rgba(246,250,255,0.2) !important;
	position: relative;
	text-align: center;
	padding: 0.5em 1em;
}

	.checkbox-switch > li:first-child {
		border-left-width: 1px;
		/*border-radius: 6px 0 0 6px;*/
	}

	.checkbox-switch > li:last-child {
		/*border-radius: 0 6px 6px 0;*/
		border-right-color: rgba(246,250,255,0.2) !important;
	}

.checkbox-switch.field {
	border: none;
	box-shadow: none;
	/*margin: 0;*/
}

	.checkbox-switch.field > li {
		overflow: visible;
		padding: 0;
	}
		/*
			.radio-switch.field>li:first-child>label {
				border-radius: 6px 0 0 6px;
			}		
			
			.radio-switch.field>li:last-child>label {
				border-radius: 0 6px 6px 0;
			}		
			
			*/

		.checkbox-switch.field > li > input {
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			opacity: 0;
			cursor: url('../images/cursor_link.png') 10 5, pointer;
		}

			.checkbox-switch.field > li > input:checked + label {
				/*background: #9a989f;*/
				color: #fff;
				/*box-shadow: 0 0 0 1px var(--color-primary, #24a0ed);*/
				/*border: 1px solid #24a0ed;*/
				box-shadow: var(--ui-glow);
				outline: 1px solid var(--color-primary);
			}

				.checkbox-switch.field > li > input:checked + label > * {
					color: #fff;
				}

		.checkbox-switch.field > li > label.earned {
			color: #fff;
			box-shadow: 0 0 0 1px var(--color-primary, #24a0ed);
		}

		.checkbox-switch.field > li > label {
			margin: 0;
			padding: 0.5em 1em;
			padding: 1em;
		}

	.checkbox-switch.rewards .desc {
		font-size: 1em;
		letter-spacing: -0.01em;
		line-height: 1.65em;
		display: block;
		color: #a0a0a0;
		margin: 0 0 0.25em 0;
		line-height: 1em;
	}

	.checkbox-switch.rewards .name {
		font-size: 2.5em;
		letter-spacing: -0.025em;
		line-height: 1.65em;
		display: block;
		color: #555;
		line-height: 1em;
	}

	.checkbox-switch.rewards .image {
		margin-bottom: 1em;
		overflow: hidden;
	}

		.checkbox-switch.rewards .image img {
			-moz-transition: -moz-transform 0.2s ease;
			-webkit-transition: -webkit-transform 0.2s ease;
			-ms-transition: -ms-transform 0.2s ease;
			transition: transform 0.2s ease;
		}

		.checkbox-switch.rewards .image:hover img {
			-moz-transform: scale(1.075);
			-webkit-transform: scale(1.075);
			-ms-transform: scale(1.075);
			transform: scale(1.075);
		}

		.checkbox-switch.rewards .image .bracket {
			position: absolute;
			left: 50%;
			top: 50%;
			transform: translate(-50%, -50%);
			margin-right: -50%;
			padding: 0 1em;
			text-transform: uppercase;
			font-size: 2em;
			color: var(--color-primary, #24a0ed);
			background-color: #00000080;
			text-shadow: var(--ui-glow-text);
		}

			.checkbox-switch.rewards .image .bracket:before,
			.checkbox-switch.rewards .image .bracket:after {
				width: 8px;
			}

			.checkbox-switch.rewards .image .bracket:before {
				border-left: solid 1px var(--color-primary, #24a0ed);
				border-top: solid 1px var(--color-primary, #24a0ed);
				border-bottom: solid 1px var(--color-primary, #24a0ed);
			}

			.checkbox-switch.rewards .image .bracket:after {
				border-top: solid 1px var(--color-primary, #24a0ed);
				border-right: solid 1px var(--color-primary, #24a0ed);
				border-bottom: solid 1px var(--color-primary, #24a0ed);
			}

			.checkbox-switch.rewards .image .bracket:hover:before,
			.checkbox-switch.rewards .image .bracket:hover:after,
			.checkbox-switch.rewards .image .bracket:focus:before,
			.checkbox-switch.rewards .image .bracket:focus:after {
				width: 16px;
			}	

	.checkbox-switch.rewards > li {
		width: 8em;
		padding: 1.25em 0;
		padding: 0 0 1.25em 0;
	}

	.checkbox-switch.rewards.field > li {
		width: auto;
		padding: 0;
	}

		.checkbox-switch.rewards.field > li > label {
			width: 8em;
			padding: 1.25em 0;
			padding: 0 0 1.25em 0;
		}

	.checkbox-switch.fit1 {
		width: 100%;
	}

		.checkbox-switch.fit1.field > li {
			width: 100% !important;
		}

			.checkbox-switch.fit1.field > li > label {
				width: 100% !important;
			}

	.checkbox-switch.fit2 {
		width: 100%;
	}

		.checkbox-switch.fit2.field > li {
			width: 50% !important;
		}

			.checkbox-switch.fit2.field > li > label {
				width: 100% !important;
			}

	.checkbox-switch.fit3 {
		width: 100%;
	}

		.checkbox-switch.fit3.field > li {
			width: 33.333333334% !important;
		}

			.checkbox-switch.fit3.field > li > label {
				width: 100% !important;
			}

	.checkbox-switch.fit5 {
		width: calc(100% + 0.5em);
	}

		.checkbox-switch.fit5.field > li {
			width: 20% !important;
		}

			.checkbox-switch.fit5.field > li > label {
				width: 100% !important;
				margin-right: 0.5em;
			}	
	
/* Radio Switch */

	.radio-switch {
		-moz-user-select: none;
		-webkit-user-select: none;
		-ms-user-select: none;
		user-select: none;
		-webkit-user-select: none;
		-webkit-tap-highlight-color: rgba(0,0,0,0);
		-webkit-touch-callout: none;
		cursor: url('../images/cursor.png') 10 5, default;
	}	
	
	ul.radio-switch {
		list-style: none;
		padding-left: 0;
		margin-bottom: 2em;
	}

	.radio-switch.sml {
		font-size: 0.8em;
	}
	
	.radio-switch input[type="radio"] {
		display: inline-block;
	}	
	
	.radio-switch input[type="radio"] + label:before {
		display: none;
	}	
		
	.radio-switch>li {
		display: inline-block;
		border: solid 1px #dadada;
		border: 1px solid var(--color-standard-20, rgba(246, 250, 255, 0.2));
		border-left-width: 0;
		border-right-color: rgba(246,250,255,0.2)!important;
		position: relative;
		text-align: center;
		padding: 0.5em 1em;
	}	
		
		.radio-switch>li:first-child {
			border-left-width: 1px;
			/*border-radius: 6px 0 0 6px;*/
		}	
		
		.radio-switch>li:last-child {
			/*border-radius: 0 6px 6px 0;*/
			border-right-color: rgba(246,250,255,0.2) !important;
		}		
		
	.radio-switch.field {
		border: none;
		box-shadow: none;
		/*margin: 0;*/
	}			
	
		.radio-switch.field>li {
			overflow: visible;
			padding: 0;
		}	
		/*
			.radio-switch.field>li:first-child>label {
				border-radius: 6px 0 0 6px;
			}		
			
			.radio-switch.field>li:last-child>label {
				border-radius: 0 6px 6px 0;
			}		
			
			*/
		
			.radio-switch.field>li>input {
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				opacity: 0;
				cursor: url('../images/cursor_link.png') 10 5, pointer;
			}

				.radio-switch.field > li > input:checked + label {
					/*background: #9a989f;*/
					color: #fff;
					box-shadow: 0 0 0 1px var(--color-primary, #24a0ed);
					/*border: 1px solid #24a0ed;*/
				}			
				
					.radio-switch.field>li>input:checked+label>* {
						color: #fff;
					}			
			
			.radio-switch.field>li>label {
				margin: 0;
				padding: 0.5em 1em;
			}		
	
		.radio-switch.plans .duration {
			font-size: 1em;
			letter-spacing: -0.01em;
			line-height: 1.65em;
			display: block;
			color: #a0a0a0;
			margin: 0 0 0.25em 0;
			line-height: 1em;
		}	
		
		.radio-switch.plans .price {
			font-size: 2.5em;
			letter-spacing: -0.025em;
			line-height: 1.65em;
			display: block;
			color: #555;
			line-height: 1em;
		}		
	
		.radio-switch.plans>li {
			width: 8em;
			padding: 1.25em 0;
		}	
	
			.radio-switch.plans.field>li {
				width: auto;
				padding: 0;
			}	
			
				.radio-switch.plans.field>li>label {
					width: 8em;
					padding: 1.25em 0;
				}			
	
		.radio-switch.fit2 {
			width: 100%;
		}	
		
			.radio-switch.fit2.field>li {
				width: 50% !important;
			}		
			
				.radio-switch.fit2.field>li>label {
					width: 100% !important;
				}		
	
		.radio-switch.fit3 {
			width: calc(100% + 0.5em);
		}	
		
			.radio-switch.fit3.field>li {
				width: 33% !important;
			}		
			
				.radio-switch.fit3.field>li>label {
					width: 100% !important;
				}		

		.radio-switch.fit5 {
			width: calc(100% + 0.5em);
		}	
		
			.radio-switch.fit5.field>li {
				width: 20% !important;
			}		
			
				.radio-switch.fit5.field>li>label {
					width: 100% !important;
					margin-right: 0.5em;
				}

		.radio-switch.fit6 {
			width: calc(100% + 0.5em);
		}

			.radio-switch.fit6.field > li {
				width: 16.666666666% !important;
				white-space: nowrap;
			}

				.radio-switch.fit6.field > li > label {
					width: 100% !important;
					margin-right: 0.5em;
				}	
		
		.radio-switch.inherit-width {
			width: inherit !important;
		}
		
		.radio-switch.multiplier-icon {
			width: inherit !important;
		}		
		
			.radio-switch.multiplier-icon li:first-child label:before {
				-moz-osx-font-smoothing: grayscale;
				-webkit-font-smoothing: antialiased;
				display: inline-block;
				font-style: normal;
				font-variant: normal;
				text-rendering: auto;
				line-height: 1;
				text-transform: none !important;
				font-family: 'Font Awesome 6 Pro';
				font-weight: 100;
			}		
		
			.radio-switch.multiplier-icon li:first-child label:before {
				color: var(--color-input-icon, #7f888f);
				cursor: url('../images/cursor.png') 10 5, default;
				display: block;
				font-size: 1.5em;
				height: 1.85em;
				line-height: 1.85em;
				opacity: 0.325;
				position: absolute;
				left: -1.75em;
				text-align: center;
				top: 0;
				width: 1.75em;
				
				background: transparent;
				border: 0;
				box-shadow: none;
			}		
			
			.radio-switch.multiplier-icon li:first-child label:before {
				content: '\f00d';
			}

		.radio-switch.pre-icon {
			width: inherit !important;
		}

			.radio-switch.pre-icon li:first-child label:before {
				-moz-osx-font-smoothing: grayscale;
				-webkit-font-smoothing: antialiased;
				display: inline-block;
				font-style: normal;
				font-variant: normal;
				text-rendering: auto;
				line-height: 1;
				text-transform: none !important;
				font-family: 'Font Awesome 6 Pro';
				font-weight: 100;
			}

			.radio-switch.pre-icon li:first-child label:before {
				color: var(--color-input-icon, #7f888f);
				cursor: url('../images/cursor.png') 10 5, default;
				display: block;
				font-size: 1.5em;
				height: 1.85em;
				line-height: 1.85em;
				opacity: 0.325;
				position: absolute;
				left: -1.75em;
				text-align: center;
				top: 0;
				width: 1.75em;
				background: transparent;
				border: 0;
				box-shadow: none;
			}

			.radio-switch.pre-icon.paintbrush li:first-child label:before {
				content: '\f5a9';
			}	
	

/* Box */

	.box {
		/*border-radius: 0.375em;*/
		border: var(--border-dark, solid 1px #2b2c2d);
		margin-bottom: 2em;
		padding: 1.5em;
		position: relative;
	}

		.box > :last-child,
		.box > :last-child > :last-child,
		.box > :last-child > :last-child > :last-child {
			margin-bottom: 0;
		}

		.box.alt {
			border: 0;
			border-radius: 0;
			padding: 0;
		}

		.box.halfpad {
			padding: 0.75em;
		}

		.box.fullpad {
			padding: 1.5em;
		}

		.box.bg-alt {
			background-color: var(--color-black-eighth, rgba(0,0,0,0.125));
		}

		.box.dev {
			border: 4px dashed var(--color-warning, #ff2361);
			border-image: repeating-linear-gradient( 45deg, #ff2361, #ff2361 10px, transparent 10px, transparent 16px) 4;
		}

		.box.hex {
			background-image: url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='29' height='50.115' patternTransform='scale(1) rotate(180)'><rect x='0' y='0' width='100%' height='100%' fill='hsla(213, 100%, 98%, 0)'/><path d='M14.498 16.858L0 8.488.002-8.257l14.5-8.374L29-8.26l-.002 16.745zm0 50.06L0 58.548l.002-16.745 14.5-8.373L29 41.8l-.002 16.744zM28.996 41.8l-14.498-8.37.002-16.744L29 8.312l14.498 8.37-.002 16.745zm-29 0l-14.498-8.37.002-16.744L0 8.312l14.498 8.37-.002 16.745z'  stroke-width='0.5' stroke='hsla(216, 100%, 98%, 0.05)' fill='none'/></pattern></defs><rect width='800%' height='800%' transform='translate(0,0)' fill='url(%23a)'/></svg>")
		}

		.box.plus {
			background-image: url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='30' height='30' patternTransform='scale(1) rotate(0)'><rect x='0' y='0' width='100%' height='100%' fill='hsla(216, 100%, 98%, 0)'/><path d='M3.25 10h13.5M10 3.25v13.5' transform='translate(5,0)' stroke-linecap='square' stroke-width='0.5' stroke='hsla(216, 100%, 98%, 0.075)' fill='none'/></pattern></defs><rect width='800%' height='800%' transform='translate(0,0)' fill='url(%23a)'/></svg>")
		}

		.box.diagstripes {
			background-image: url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='10' height='10' patternTransform='scale(1) rotate(45)'><rect x='0' y='0' width='100%' height='100%' fill='hsla(216, 100%, 98%, 0)'/><path d='M0 10h20z'   stroke-width='0.5' stroke='hsla(216, 100%, 98%, 0.075)' fill='none'/></pattern></defs><rect width='800%' height='800%' transform='translate(-40,-160)' fill='url(%23a)'/></svg>");
		}

			.box.diagstripes.tight {
				background-image: url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='10' height='10' patternTransform='scale(0.5) rotate(45)'><rect x='0' y='0' width='100%' height='100%' fill='hsla(216, 100%, 98%, 0)'/><path d='M0 10h20z'   stroke-width='0.5' stroke='hsla(216, 100%, 98%, 0.075)' fill='none'/></pattern></defs><rect width='800%' height='800%' transform='translate(-40,-160)' fill='url(%23a)'/></svg>");
			}

		.box.fit-height {
			height: 100%;
		}

		.box.style1 {
			border: solid 1px var(--color-primary--600, #24a0ed);
			-webkit-clip-path: var(--ui-notch-path);
			clip-path: var(--ui-notch-path);
		}

			.box.style1::before {
				background-color: var(--color-primary--600);
				bottom: 6px;
				content: "";
				display: block;
				height: 2px;
				position: absolute;
				right: -5px;
				top: auto;
				transform: rotate(-45deg);
				width: var(--ui-notch-hypotenuse);
				z-index: 100;
			}



		.box.style2 {
			border: solid 1px var(--color-secondary, #7876D4);
			-webkit-clip-path: var(--ui-notch-path);
			clip-path: var(--ui-notch-path);
		}

			.box.style2::before {
				background-color: var(--color-secondary);
				bottom: 6px;
				content: "";
				display: block;
				height: 2px;
				position: absolute;
				right: -5px;
				top: auto;
				transform: rotate(-45deg);
				width: var(--ui-notch-hypotenuse);
				z-index: 100;
			}

		.box.style3 {
			border: solid 1px var(--color-teriary, #00D5DC);
			-webkit-clip-path: var(--ui-notch-path);
			clip-path: var(--ui-notch-path);
		}

			.box.style3::before {
				background-color: var(--color-teriary);
				bottom: 6px;
				content: "";
				display: block;
				height: 2px;
				position: absolute;
				right: -5px;
				top: auto;
				transform: rotate(-45deg);
				width: var(--ui-notch-hypotenuse);
				z-index: 100;
			}

		@media screen and (max-width: 1680px) {

			.box.style1::before,
			.box.style2::before,
			.box.style3::before {
				bottom: 4.5px;
				right: -6.5px;
			}
		}

		@media screen and (max-width: 1280px) {

			.box.style1::before,
			.box.style2::before,
			.box.style3::before {
				bottom: 4px;
				right: -7px;
			}
		}

		.box.bg-style1 {
			background-color: var(--color-primary-one, #24a0ed03);
		}

		.box.bg-style2 {
			background-color: #7876D403;
		}

		.box.bg-style3 {
			background-color: #00D5DC03;
		}

/* Icon */

	.icon {
		text-decoration: none;
		border-bottom: none;
		position: relative;
	}

		.icon:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			display: inline-block;
			font-style: normal;
			font-variant: normal;
			text-rendering: auto;
			line-height: 1;
			text-transform: none !important;
			font-family: 'Font Awesome 6 Pro';
			font-weight: 400;
		}

		.icon > .label {
			display: none;
		}

		.icon:before {
			line-height: inherit;
		}

		.icon.thin:before {
			font-weight: 100;
		}

		.icon.light:before {
			font-weight: 300;
		}

		.icon.solid:before {
			font-weight: 900;
		}

		.icon.brands:before {
			font-family: 'Font Awesome 6 Brands';
		}	

		.icon.left {
			text-align: left;
		}
			
		.icon.huge {
		}	
		
			.icon.huge:before {
				font-size: 2em;
				line-height: 1em;
				vertical-align: middle;	
			}	
			
		.icon.major {
		}	
		
			.icon.major:before {
				font-size: 2.75em;
				vertical-align: top;
			}


		.icon.inline {
			display: inline;
		}

	.icon.inline:before {
		margin-right: 0.5em;
	}

	.icon.massive {
		text-align: center;
		display: inline-block;
		width: 2em;
		height: 2em;
		font-size: 3.5em;
		border-radius: 100%;	
		line-height: 2em;	
		/*background: rgba(246, 250, 255, 0.15);*/
		/*box-shadow: inset 0 0 0 1px var(--color-standard-50, rgba(246, 250, 255, 0.5));*/
		color: #fff;	
		border: solid 2px var(--color-border, #2b2c2d);
	}

		.icon.massive.hexed {
			border: none;
			margin: 0.5em 0 1em 0;
		}

		.icon.hexed:after {
			content: "";
			background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 512 512'%3E%3Cpath d='M256,0l221.7,128v256L256,512L34.3,384V128L256,0z' fill='rgba(144, 144, 144, 0.1)' /%3E%3C/svg%3E");
			background-position: center;
			background-repeat: no-repeat;
			background-size: contain;
			display: block;
			position: absolute;
			top: -1em;
			left: -0.875em;
			height: 2em;
			width: 2em;
			background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 512 512'%3E%3Cpath d='M256,0l221.7,128v256L256,512L34.3,384V128L256,0z' fill='rgba(43, 44, 45, 0.1)' stroke='rgba(246, 250, 255, 0.375)' stroke-width='1' /%3E%3C/svg%3E");
		}

		.icon.huge.hexed:after {
			top: -2.25em;
			left: -1.675em;
			height: 6em;
			width: 6em;
		}

		.icon.major.hexed:after {
			top: -1em;
			left: -1.5em;
			height: 6em;
			width: 6em;
		}

		.icon.massive.hexed:after {
			top: -0.5em;
			left: -0.5em;
			height: 3em;
			width: 3em;
		}

		
	.icon.framed {
		display: block;
		margin: 4.5em 0;
	}			
		
		.icon.framed:before {
			font-size: 2.75rem;
			position: relative;
			top: 0.05em;
		}	
		
		.icon.framed:after {
			-moz-transform: rotate(45deg);
			-webkit-transform: rotate(45deg);
			-ms-transform: rotate(45deg);
			transform: rotate(45deg);
			/* border-radius: 0.25rem; */
			border: solid 2px var(--color-border, #2b2c2d);
			content: '';
			display: block;
			height: 7em;
			left: 50%;
			margin: -3.5em 0 0 -3.5em;
			position: absolute;
			top: 50%;
			width: 7em;
		}
	
	.icon.rotate180:before {
		transform-origin: center;
		-ms-transform-origin: center;
		-webkit-transform-origin: center;
		transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);			
	}
	
	.icon.tallfit {
		height: 2.8em;
		line-height: 2.8em;
	}

	.icon-only {
		width: 3.5em;
		padding: 0 !important;
	}

		.icon-only:before {
			margin-right: 0 !important;
			line-height: 2em;
			font-size: 1.75em;
		}

		.icon-lrg:before {
			margin-right: 0 !important;
			line-height: 2em;
			font-size: 1.75em;
		}	

	.icon-inline {
		padding-right: 1em;	
	}

	.icon.disabled {
		pointer-events: none;
		opacity: 0.25;
	}

	.icon.icon-color-blue:before { color: #007bff; }
	.icon.icon-color-indigo:before { color: #6610f2; }
	.icon.icon-color-purple:before { color: #6f42c1; }
	.icon.icon-color-pink:before { color: #e83e8c; }
	.icon.icon-color-red:before { color: #dc3545; }
	.icon.icon-color-orange:before { color: #fd7e14; }
	.icon.icon-color-yellow:before { color: #ffc107; }
	.icon.icon-color-green:before { color: #28a745; }
	.icon.icon-color-teal:before { color: #20c997; }
	.icon.icon-color-cyan:before { color: #17a2b8; }
	.icon.icon-color-white:before { color: #fff; }
	.icon.icon-color-grey:before { color: #6c757d; }

	.icon.icon-color-gold:before { color: #FFB600; }
	.icon.icon-color-iron:before { color: #009999; }
	.icon.icon-color-copper:before { color: #FF4500; }
	.icon.icon-color-tin:before { color: #BFFFD7; }
	.icon.icon-color-platinum:before { color: #E8DFFF; }
	.icon.icon-color-zync:before { color: #A9D7D9; }
		

/* Image */

	.image {
		border: 0;
		display: inline-block;
		position: relative;
	}

		.image img {
			display: block;
		}
		
		.image img {
			filter: saturate(0.75);
			-webkit-filter: saturate(0.75);
		}		

		.image.left, .image.right {
			max-width: 40%;
		}

			.image.left img, .image.right img {
				width: 100%;
			}
			
		.image.left.tight, .image.right.tight {
			max-width: 20%;
		}			

		.image.left {
			float: left;
			padding: 0 1.5em 1em 0;
			top: 0.25em;
		}

		.image.right {
			float: right;
			padding: 0 0 1em 1.5em;
			top: 0.25em;
		}

		.image.fit {
			display: block;
			margin: 0 0 2em 0;
			width: 100%;
		}

			.image.fit img {
				width: 100%;
			}

		.image.msg {
			display: block;
			margin: 0 0 0.5em 0;
			width: 100%;
			border: var(--border-dark, solid 1px #2b2c2d);
		}

			.image.msg img {
				width: 100%;
			}

		.image.main {
			display: block;
			margin: 0 0 3em 0;
			width: 100%;
		}

			.image.main img {
				width: 100%;
			}

	a.image:not(.logo){
		overflow: hidden;
	}

		a.image:not(.logo) img {
			-moz-transition: -moz-transform 0.2s ease;
			-webkit-transition: -webkit-transform 0.2s ease;
			-ms-transition: -ms-transform 0.2s ease;
			transition: transform 0.2s ease;
		}

		a.image:not(.logo):hover img {
			-moz-transform: scale(1.075);
			-webkit-transform: scale(1.075);
			-ms-transform: scale(1.075);
			transform: scale(1.075);
		}
		
/* Video */

	.video {
		border: 0;
		display: inline-block;
		margin-bottom: 2em;
	}

		.video video {
			height: 100%;
			-moz-object-fit: cover;
			-webkit-object-fit: cover;
			-ms-object-fit: cover;
			object-fit: cover;
			-moz-object-position: center;
			-webkit-object-position: center;
			-ms-object-position: center;
			object-position: center;
			width: 100%;
		}

	a.video:not(.logo) {
		overflow: hidden;
	}

		a.video:not(.logo) video {
			-moz-transition: -moz-transform 0.2s ease;
			-webkit-transition: -webkit-transform 0.2s ease;
			-ms-transition: -ms-transform 0.2s ease;
			transition: transform 0.2s ease;
		}

		a.video:not(.logo):hover video {
			-moz-transform: scale(1.075);
			-webkit-transform: scale(1.075);
			-ms-transform: scale(1.075);
			transform: scale(1.075);
		}

/* List */

	ol {
		list-style: decimal;
		margin: 0 0 2em 0;
		padding-left: 1.25em;
	}

		ol li {
			padding-left: 1.25em;
		}

		ol.reset ol {
			padding-left: 1.25em;
		}

		ol.reset > li::marker {
			content: counters(list-item,'.') ''
		}

		ol.reset ol > li::marker {
			content: counters(list-item,'.') ''
		}


	ul {
		list-style: disc;
		margin: 0 0 2em 0;
		padding-left: 1em;
	}

		ul li {
			padding-left: 0.5em;
		}

		ul.alt {
			list-style: none;
			padding-left: 0;
		}

			ul.alt li {
				border-top: var(--border-dark, solid 1px #2b2c2d);
				padding: 0.5em 0;
			}

				ul.alt li:first-child {
					border-top: 0;
					padding-top: 0;
				}

	dl {
		margin: 0 0 2em 0;
	}

		dl dt {
			display: block;
			font-weight: 600;
			margin: 0 0 1em 0;
		}

		dl dd {
			margin-left: 2em;
		}

		dl dt:target {
			color: var(--color-primary, #24a0ed);
		}

			dl dt:target + dd {
				color: var(--color-primary, #24a0ed);
			}

/* Separated */

ul.inline {
	list-style: none;
	padding-left: 0;
	margin-bottom: 0;
}

	ul.inline li {
		padding-right: 0.5em;
		display: inline;
		white-space: nowrap;
	}

		ul.inline li:last-child {
			padding-right: 0;
		}

/* Vertical Line Separated */

	ul.vline {
		list-style: none;
		padding-left: 0;
		margin-bottom: 0;
	}

		ul.vline li {
			border-right: var(--border-default, solid 1px rgba(246, 250, 255, 0.1));
			padding: 0 0.5em;
			display: inline;
		}

			ul.vline li:first-child {
				padding-left: 0;
			}

			ul.vline li:last-child {
				border-right: 0;
				padding-right: 0;
			}

/* Actions */

	ul.actions {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		cursor: url('../images/cursor.png') 10 5, default;
		list-style: none;
		margin-left: -1em;
		padding-left: 0;
	}

		ul.actions li {
			padding: 0 0 0 1em;
			vertical-align: middle;
		}

		ul.actions.sml li {
			padding: 0 0 0 0.75em;
		}

		ul.actions.special {
			-moz-justify-content: center;
			-webkit-justify-content: center;
			-ms-justify-content: center;
			justify-content: center;
			width: 100%;
			margin-left: 0;
		}

			ul.actions.special li:first-child {
				padding-left: 0;
			}

		ul.actions.stacked {
			-moz-flex-direction: column;
			-webkit-flex-direction: column;
			-ms-flex-direction: column;
			flex-direction: column;
			margin-left: 0;
		}

			ul.actions.stacked li {
				padding: 1.3em 0 0 0;
			}

				ul.actions.stacked li:first-child {
					padding-top: 0;
				}

		ul.actions.fit {
			width: calc(100% + 1em);
		}

			ul.actions.fit li {
				-moz-flex-grow: 1;
				-webkit-flex-grow: 1;
				-ms-flex-grow: 1;
				flex-grow: 1;
				-moz-flex-shrink: 1;
				-webkit-flex-shrink: 1;
				-ms-flex-shrink: 1;
				flex-shrink: 1;
				width: 100%;
			}

				ul.actions.fit li > * {
					width: 100%;
				}

			ul.actions.fit.stacked {
				width: 100%;
			}

		ul.actions.wrap {
			flex-flow: wrap;
		}

			ul.actions.wrap li {
				margin-bottom: 1em;
			}

/* Actions Submenu */

	.actions-submenu {
		position: absolute;
		background-color: var(--color-foreground-alt, #1a1b1d);
		padding: 1em 0.25em 1em 1em;
		filter: drop-shadow( 0 1px 2px black );
		margin-top: -3em;
		transform: translate(calc(-50% + 1em), -100%);
		-moz-transition: opacity 0.2s ease-in-out, -moz-transform 0.2s ease-in-out;
		-webkit-transition: opacity 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
		-ms-transition: opacity 0.2s ease-in-out, -ms-transform 0.2s ease-in-out;
		transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
		opacity: 0;
		display: none;
	}

		.actions-submenu.visible {
			opacity: 1;
			display: block;
		}

		.actions-submenu::after {
			content: "";
			background-color: var(--color-foreground-alt, #1a1b1d);
			position: absolute;
			left: 50%;
			top: 100%;
			width: 0.5em;
			height: 0.5em;
			transform: translate(-0.25em, -0.25em) rotate(45deg);
		}

		.actions-submenu-item {
			margin-bottom: 1em;
		}

			.actions-submenu-item:last-child {
				margin-bottom: 0;
			}

			.actions-submenu-item label {
				margin-bottom: 0;
			}


/* Icons */

	ul.icons {
		cursor: url('../images/cursor.png') 10 5, default;
		list-style: none;
		padding-left: 0;
	}

		ul.icons li {
			display: inline-block;
			padding: 0 1em 0 0;
		}

			ul.icons li:last-child {
				padding-right: 0;
			}

			ul.icons li .icon {
				color: inherit;
			}

				ul.icons li .icon:before {
					font-size: 1.25em;
				}

				ul.icons.padded li .icon:before {
					padding-right: 0.5em;
				}

/* Icon Box */

	.icon-box {

	}

		.icon-box .icon {
			margin-bottom: 0.5em;
		}

		.icon-box h3 {
			margin-bottom: 2em;
		}

		.icon-box.disabled h3 {
			pointer-events: none;
			opacity: 0.25;
		}

/* Feature Icons */
	
	ul.feature-icons {
		display: flex;
		flex-wrap: wrap;
		list-style: none;
		margin: 0 0 2em 0;
		padding-left: 0;
	}

		ul.feature-icons:first-child {
			margin-top: 0;
		}

		ul.feature-icons li {
			margin: 2.5rem 0 0 0;
			padding: 0.875rem 0 0 4.5rem;
			position: relative;
			width: 50%;
		}

			ul.feature-icons li:before {
				background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 512 512'%3E%3Cpath d='M256,0l221.7,128v256L256,512L34.3,384V128L256,0z' fill='rgba(144, 144, 144, 0.1)' /%3E%3C/svg%3E");
				background-position: center;
				background-repeat: no-repeat;
				background-size: contain;
				/*color: #000000;*/
				display: block;
				font-size: 1.25rem;
				height: 3.25rem;
				left: 0;
				line-height: 3.25rem;
				position: absolute;
				text-align: center;
				top: 0;
				width: 3.25rem;
				font-weight: 100;
				background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 512 512'%3E%3Cpath d='M256,0l221.7,128v256L256,512L34.3,384V128L256,0z' fill='rgba(43, 44, 45, 0.1)' stroke='rgba(246, 250, 255, 0.375)' stroke-width='2' /%3E%3C/svg%3E");
			}

			ul.feature-icons li:nth-child(1), ul.feature-icons:not(.\31 up) li:nth-child(2) {
				margin-top: 0;
			}

			ul.feature-icons li .icon:before {
				padding-right: 0.5em;
			}

			ul.feature-icons.\33 up li {
				width: 33.33%;
			}

			ul.feature-icons.\31 up li {
				width: 100%;
			}

			ul.feature-icons.\33 up li:nth-child(3) {
				margin-top: 0;
			}

	@media screen and (max-width: 1280px) {

		ul.feature-icons.\33 up li {
			width: 50%;
		}

		ul.feature-icons.\33 up li:nth-child(3) {
			margin-top: 2.5rem;
		}
	}

	@media screen and (max-width: 736px) {

		ul.feature-icons {
			margin: 0 0 3rem 0;
		}

			ul.feature-icons li,
			ul.feature-icons.\33 up li {
				width: 100%;
			}

				ul.feature-icons li:nth-child(2) {
					margin-top: 2rem !important;
				}
	}

/* Contact */

	ul.contact {
		list-style: none;
		padding: 0;
	}

		ul.contact li {
			text-decoration: none;
			border-top: var(--border-dark, solid 1px #2b2c2d);
			margin: 1.5em 0 0 0;
			padding: 1.5em 0 0 3em;
			position: relative;
		}

			ul.contact li:before {
				-moz-osx-font-smoothing: grayscale;
				-webkit-font-smoothing: antialiased;
				display: inline-block;
				font-style: normal;
				font-variant: normal;
				text-rendering: auto;
				line-height: 1;
				text-transform: none !important;
				font-family: 'Font Awesome 6 Pro';
				font-weight: 100;
			}

			ul.contact li:before {
				color: var(--color-primary, #24a0ed);
				display: inline-block;
				font-size: 1.5em;
				height: 1.125em;
				left: 0;
				line-height: 1.125em;
				position: absolute;
				text-align: center;
				top: 1em;
				width: 1.5em;
			}

			ul.contact li:first-child {
				border-top: 0;
				margin-top: 0;
				padding-top: 0;
			}

				ul.contact li:first-child:before {
					top: 0;
				}

			ul.contact li a {
				color: inherit;
			}

/* Pagination */

	ul.pagination {
		cursor: url('../images/cursor.png') 10 5, default;
		list-style: none;
		padding-left: 0;
	}

		ul.pagination li {
			display: inline-block;
			padding-left: 0;
			vertical-align: middle;
		}

			ul.pagination li .page {
				-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
				-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
				-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
				transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
				border-bottom: 0;
				display: inline-block;
				font-size: 0.8em;
				font-weight: 700;
				height: 2em;
				line-height: 2em;
				/*margin: 0 0.125em;*/
				min-width: 2em;
				padding: 0 0.5em;
				text-align: center;
				color: var(--color-standard-50, rgba(246, 250, 255, 0.5));
			}

				ul.pagination li .page.active {
					color: var(--color-standard, #eceeef) !important;
					border: 1px solid var(--color-standard-20, rgba(246, 250, 255, 0.2));
				}

					ul.pagination li .page.active:hover {
						background-color: var(--color-black-quarter, rgba(0,0,0,0.25));
						border: 1px solid var(--color-standard-20, rgba(246, 250, 255, 0.2));
					}

					ul.pagination li .page.active:active {
						background-color: var(--color-standard-125, rgba(246,250,255,0.125));
					}

			ul.pagination li:first-child {
				padding-right: 0.75em;
			}

			ul.pagination li:last-child {
				padding-left: 0.75em;
			}

		@media screen and (max-width: 480px) {

			ul.pagination li:nth-child(n+2):nth-last-child(n+2) {
				display: none;
			}

			ul.pagination li:first-child {
				padding-right: 0;
			}

		}
		
/* Tabs */

	ul.tabs {
		/*box-shadow: inset 0 -2px rgba(210, 215, 217, 0.75);*/
		padding: 0;
		list-style: none;
		postition: relative;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: flex;
		-ms-box-orient: horizontal;
		-ms-box-pack: center;
		-webkit-flex-flow: row wrap;
		-moz-flex-flow: row wrap;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
		-webkit-justify-content: center;
		-moz-justify-content: center;
		-ms-justify-content: center;
		justify-content: center;		
	}
	
		ul.tabs li {
			display: block;
			padding: 0;
			margin: 0;
			postition: relative;
			z-index: 1;
			text-align: center;
			-webkit-flex: 1;
			-moz-flex: 1;
			-ms-flex: 1;
			flex: 1;
		}
		
		ul.tabs li a {
			text-decoration: none;	
			text-transform: uppercase;
			text-align: left;
			padding: 1em 0;
			border-bottom: 0;
			position: relative;
			display: block;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			box-shadow: inset 0 -2px var(--color-border, #2b2c2d);
    		color: var(--color-subtle, #74777b);
			letter-spacing: 1px;
			/*font-weight: 700;*/
			font-size: 1em;
			line-height: 1em;
			-webkit-transition: color 0.3s, box-shadow 0.3s;
    		transition: color 0.3s, box-shadow 0.3s;
			box-shadow: inset 0 -2px var(--color-black-quarter, rgba(0,0,0,0.25));
			
		}		
		
			ul.tabs li.current a {
				box-shadow: inset 0 -2px rgba(236, 238, 239, 0.75) !important;
				/*color: #24a0ed;*/
				color: rgba(236, 238, 239, 0.75);
			}

		ul.tabs.level-1 li.current a {
			box-shadow: inset 0 -2px var(--color-primary, #24a0ed) !important;
		}
			
			ul.tabs li a:hover {
				/*box-shadow: inset 0 -2px var(--color-standard-25, rgba(246, 250, 255, 0.25));*/
				color: rgba(236, 238, 239, 0.9) !important;
			}

		ul.tabs.icond .icon {
			padding-right: 1em;
		}

		ul.tabs.icond li a {
			overflow: visible;
		}	

	@media screen and (max-width: 736px) {

		ul.tabs {
			display: block;
			box-shadow: none;
		}

			ul.tabs li {
				display: block;
				-webkit-flex: none;
				-moz-flex: none;
				-ms-flex: none;
				flex: none;
			}

			ul.tabs.nostack {
				display: -ms-flexbox;
				display: -webkit-flex;
				display: -moz-flex;
				display: -ms-flex;
				display: flex;
				/*box-shadow: inset 0 -2px rgba(210, 215, 217, 0.75);*/
			}

				ul.tabs.nostack li {
					display: block;
					-webkit-flex: 1;
					-moz-flex: 1;
					-ms-flex: 1;
					flex: 1;
				}

			ul.tabs.icond li a {
				text-align: center;
			}

				ul.tabs.icond li a span.icon {
					padding-right: 0;
					margin: 0 auto;
					font-size: 1.5em;
				}

				ul.tabs.icond li a span.label {
					display: none;
				}
	}	
	
/* Options */

	ul.options {
		/*box-shadow: inset 0 -2px rgba(210, 215, 217, 0.75);*/
		padding: 0;
		list-style: none;
		postition: relative;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: flex;
		-ms-box-orient: horizontal;
		-ms-box-pack: center;
		-webkit-flex-flow: column wrap;
		-moz-flex-flow: column wrap;
		-ms-flex-flow: column wrap;
		flex-flow: column wrap;
		-webkit-justify-content: center;
		-moz-justify-content: center;
		-ms-justify-content: center;
		justify-content: center;		
	}
	
		ul.options li {
			display: block;
			padding: 0;
			margin: 0;
			postition: relative;
			z-index: 1;
			text-align: left;
			-webkit-flex: 1;
			-moz-flex: 1;
			-ms-flex: 1;
			flex: 1;
		}
		
		ul.options li a {
			text-decoration: none;	
			text-align: left;
			padding: 0;
			border-bottom: 0;
			position: relative;
			display: block;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
    		color: var(--color-subtle, #74777b);
			letter-spacing: 1px;
			/*font-weight: 700;*/
			font-size: 1em;
			line-height: 1.65em;
			-webkit-transition: color 0.3s;
    		transition: color 0.3s;
			
		}		
		
			ul.options li.selected a {
				/*color: #24a0ed;*/
				color: rgba(236, 238, 239, 0.75);
			}
			
			ul.options li a:hover {
				/*box-shadow: inset 0 -2px var(--color-standard-25, rgba(246, 250, 255, 0.25));*/
				color: rgba(236, 238, 239, 0.9) !important;
			}					

	@media screen and (max-width: 480px) {

		ul.options {
			display: block;
			box-shadow: none;	
		}
		
			ul.options li {
				display: block;
				-webkit-flex: none;
				-moz-flex: none;
				-ms-flex: none;
				flex: none;
			}				

	}	
		
	
	
/* Checklist */

	ul.checklist {
		list-style: none;
		padding-left: 0;
	}
	
		ul.checklist li {
			text-decoration: none;
			padding: 0 0 2em 3em;
			position: relative;
		}

			ul.checklist li:before {
				color: var(--color-primary, #24a0ed);
				content: ' ';
				display: block;
				font-size: 1.75em;
				left: 0;
				position: absolute;
			}	
			
			ul.checklist li:before {
				-moz-osx-font-smoothing: grayscale;
				-webkit-font-smoothing: antialiased;
				display: inline-block;
				font-style: normal;
				font-variant: normal;
				text-rendering: auto;
				line-height: 1;
				text-transform: none !important;
				font-family: 'Font Awesome 6 Pro';
				font-weight: 100;
			}

			ul.checklist li.checked:before {
				color: var(--color-primary, #24a0ed);
				content: '\f00c';
			}

			ul.checklist li.failed:before {
				content: '\f2ee';
				color: var(--color-warning, #ff2361) !important;
			}

			ul.checklist li.danger:before {
				content: '\e417';
				color: #FF9919 !important;
			}

			ul.checklist.style2 li:before {
				color: var(--color-standard-20, rgba(246, 250, 255, 0.2));
			}

		ul.checklist.style2 li.checked:before {
			color: var(--color-primary, #24a0ed) !important;
		}

		/* square */
			ul.checklist.square li:before {
				content: '\f0c8';
			}

			ul.checklist.square li.checked:before {
				content: '\f14a';
			}

		/* hex */
			ul.checklist.hex li:before {
				content: '\f312';
			}

			ul.checklist.hex li.checked:before {
				content: '\e416';
			}

			ul.checklist.hex li.failed:before {
				content: '\f2ee';
			}

			ul.checklist.hex li.danger:before {
				content: '\e417';
			}

		/* circle */
			ul.checklist.circle li:before {
				content: '\f111';
			}

			ul.checklist.circle li.checked:before {
				content: '\f058';
			}

		ul.checklist li span.optional {
			color: rgba(246, 250, 255, 0.25) !important;
			font-size: 1em;
			padding-left: 1em;
		}

/* Alerts */

	ul.alerts {
		list-style: none;
		padding-left: 0;
	}
	
		ul.alerts > li {
			border: 1px solid var(--color-border, #2b2c2d);
			padding: 0.25em 1em;
			margin-bottom: 1em;
		}	
		
		ul.alerts > li:last-child {
			margin-bottom: 0;
		}	
		
		ul.alerts > li.warning {
			border-color: var(--color-warning, #ff2361);
			color: var(--color-warning, #ff2361);
			background: var(--color-warning-bg, #ff236140);
		}	

		ul.alerts > li.alert {
			border-color: var(--color-warning, #ff2361);
			color: var(--color-warning, #ff2361);
			background: var(--color-warning-bg, #ff236140);
		}		
		
		ul.alerts > li.danger {
			border-color: var(--color-danger, #FF9919);
			color: var(--color-danger, #FF9919);
			background: var(--color-danger-bg, #FF991940);
		}

			ul.alerts > li.primary {
				border-color: var(--color-primary, #24a0ed);
				color: var(--color-primary, #24a0ed);
				background: var(--color-primary-quarter, #24a0ed40);
			}		
		
		ul.alerts > li.info {
			border-color: var(--color-standard-20, rgba(246, 250, 255, 0.2));
			color: var(--color-standard, #eceeef);
			background: var(--color-standard-125, rgba(246,250,255,0.125));
		}			
		
		ul.alerts > li.striped {
			background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%2318191a' fill-opacity='0.25' fill-rule='evenodd'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E");
		}		
		
		ul.alerts > li.icon:before {
			padding-right: 0.75em;
		}
		
		
			ul.alerts > li .close {
				color: inherit;			
			}		

			ul.alerts > li .close:hover {
				color: inherit !important;			
			}			
		
			ul.alerts > li .close:before {
				content: '\f00d';
				display: block;
				font-size: 1em;
				right: 1em;
				top: 0;
				position: absolute;
				opacity: 0;
				transform: translateY(50%);
				-moz-transition: opacity .15s ease-in-out;
				-webkit-transition: opacity .15s ease-in-out;
				-ms-transition: opacity .15s ease-in-out;
				transition: opacity .15s ease-in-out;				
			}	
			
			ul.alerts > li:hover .close:before {
				opacity: 1;
			}			
			
			ul.alerts > li .close:before {
				-moz-osx-font-smoothing: grayscale;
				-webkit-font-smoothing: antialiased;
				display: inline-block;
				font-style: normal;
				font-variant: normal;
				text-rendering: auto;
				line-height: 1;
				text-transform: none !important;
				font-family: 'Font Awesome 6 Pro';
				font-weight: 100;
			}		
			
			ul.alerts > li ul.icons {
				margin-bottom: 0;
				float: right;
				opacity: 0;
				-moz-transition: opacity .15s ease-in-out;
				-webkit-transition: opacity .15s ease-in-out;
				-ms-transition: opacity .15s ease-in-out;
				transition: opacity .15s ease-in-out;				
			}		

			ul.alerts > li:hover ul.icons {
				opacity: 1;
			}				
			
			ul.alerts > li ul.icons li .icon:before {
				font-size: 1em;
			}			
			
/* tags */

	ul.tags {
		-webkit-overflow-scrolling: touch;
		overflow-x: auto;
		list-style: none;
		padding-left: 0;
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		flex-wrap: wrap;
		row-gap: 0.5em;
		column-gap: 0.5em;
	}

		ul.tags > li {
			display: inline;
			background-color: #00000030;
			padding: 0.5em 1em 0.375em 1em;
			vertical-align: middle;
			/*outline: 2px solid var(--color-playertype-bg, #00000060);*/
			/*outline-offset: -2px;*/
			line-height: 1em;
			font-weight: 700;
			clip-path: polygon( 0 0, 100% 0, 100% calc(100% - 1em + 2px), calc(100% - 1em + 2px) 100%, 0 100% );
			-webkit-clip-path: polygon( 0 0, 100% 0, 100% calc(100% - 1em + 2px), calc(100% - 1em + 2px) 100%, 0 100% );
			border: 2px solid #0b0b0c;
			position: relative;
			overflow: hidden;
		}

			ul.tags > li::before {
				background-color: #0b0b0c;
				bottom: 5px;
				content: "";
				display: block;
				height: 3px;
				position: absolute;
				right: -5px;
				top: auto;
				transform: rotate(-45deg);
				width: 22.627416px;
				z-index: 100;
			}

			@media screen and (max-width: 1680px) {

				ul.tags > li::before {
					bottom: 4px;
					right: -6px;
				}
			}

			@media screen and (max-width: 1280px) {

				ul.tags > li::before {
					bottom: 3px;
					right: -7px;
				}
			}

		ul.tags.tight > li {
			padding: 0.375em 0.5em 0.25em 0.5em;
			font-weight: 400;
			clip-path: polygon( 0 0, 100% 0, 100% calc(100% - 0.5em + 2px), calc(100% - 0.5em + 2px) 100%, 0 100% );
			-webkit-clip-path: polygon( 0 0, 100% 0, 100% calc(100% - 0.5em + 2px), calc(100% - 0.5em + 2px) 100%, 0 100% );
			border: 1px solid #0b0b0c;
		}

			ul.tags.tight > li::before {
				background-color: #0b0b0c;
				bottom: 1px;
				content: "";
				display: block;
				height: 3px;
				position: absolute;
				right: -6px;
				top: auto;
				transform: rotate(-45deg);
				width: calc(22.627416px / 2);
				z-index: 100;
			}

			@media screen and (max-width: 1680px) {

				ul.tags.tight > li::before {
					bottom: 1px;
					right: -7px;
				}
			}

			@media screen and (max-width: 1280px) {

				ul.tags.tight > li::before {
					bottom: 1px;
					right: -8px;
				}
			}

		ul.tags > li.highlight {
			border: 1px solid var(--color-highlight, #24a0ed);
			color: var(--color-highlight, #24a0ed);
		}

			ul.tags > li.highlight::before {
				background-color: var(--color-highlight, #24a0ed);
			}

		ul.tags > li.warning {
			border: 1px solid var(--color-warning, #ff2361);
			color: var(--color-warning, #ff2361);
		}

			ul.tags > li.warning::before {
				background-color: var(--color-warning, #ff2361);
			}

		ul.tags > li.danger {
			border: 1px solid var(--color-danger, #FF9919);
			color: var(--color-danger, #FF9919);
		}

			ul.tags > li.danger::before {
				background-color: var(--color-danger, #FF9919);
			}			


/* infobutton lists */

	.infobutton-list {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		cursor: url(../../images/cursor.png) 10 5, default;
		list-style: none;
		-moz-flex-direction: column;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-left: 0;
		padding-left: 0;
	}

		.infobutton-list > li {
			padding: 1em 0 0 0;
			vertical-align: middle;
			position: relative;
		}

			.infobutton-list > li:first-child {
				padding-top: 0;
			}

			.infobutton-list > li button {
				height: 100%;
				padding: 0;
				display: -moz-flex;
				display: -webkit-flex;
				display: -ms-flex;
				display: flex;
				position: relative;
			}

				.infobutton-list > li button div:first-child:after {
					content: '';
					position: absolute;
					left: 0;
					top: 0;
					right: 0;
					bottom: 0;
				}

			.infobutton-list > li.progress button,
			.infobutton-list > li.locked button,
			.infobutton-list > li.progress .button,
			.infobutton-list > li.locked .button {
				flex-flow: column;
				pointer-events: none;
				border: 1px solid rgba(246,250,255,0.05);
			}

			.infobutton-list > li.elevated button {
				box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.4), 0px 2px 5px 0px rgba(0, 0, 0, 0.28), 0px 2px 7px 0px rgba(0,0,0,.24);
			}

			.infobutton-list > li.locked {
				background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%2318191a' fill-opacity='0.25' fill-rule='evenodd'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E");
			}


				.infobutton-list > li.progress a,
				.infobutton-list > li.locked a {
					color: var(--color-standard-half, #eceeef80) !important;
				}

				.infobutton-list > li.progress a span,
				.infobutton-list > li.locked a span {
					display: contents;
					color: var(--color-standard, #eceeef);
					opacity: 1;
				}

			.infobutton-list > li .progress-bar {
				position: absolute;
				left: 0;
				top: 1em;
				bottom: 0;
				right: 15%;
				background: rgba(246,250,255,0.0625);
				border-color: rgba(246,250,255,0.1);
				z-index: -1;
			}



		.infobutton-list li button > div {
			-moz-flex-grow: 0;
			-webkit-flex-grow: 0;
			-ms-flex-grow: 0;
			flex-grow: 0;
			-moz-flex-shrink: 1;
			-webkit-flex-shrink: 1;
			-ms-flex-shrink: 1;
			flex-shrink: 1;
			display: -moz-flex;
			display: -webkit-flex;
			display: -ms-flex;
			display: flex;
			align-items: center;
			min-height: 3.5em;
			margin-right: 1.5em;
		}

			.infobutton-list li button > div:first-child {
				-moz-flex-grow: 1;
				-webkit-flex-grow: 1;
				-ms-flex-grow: 1;
				flex-grow: 1;
				-moz-flex-direction: column;
				-webkit-flex-direction: column;
				-ms-flex-direction: column;
				flex-direction: column;
				align-items: baseline;
				position: relative;
				min-width: 20em;
			}

			.infobutton-list li button > div:last-child {
				margin-right: 0;
			}

			.infobutton-list li button > div.ratings:last-child {
				margin-right: 1em;
			}

		.infobutton-list li div > img,
		.infobutton-list li div > .swatch {
			height: 32px;
			width: 32px;
			position: absolute;
			left: 1em;
			top: 50%;
			-ms-transform: translateY(-50%);
			transform: translateY(-50%);
		}

		.infobutton-list.lrg-img li div > img,
		.infobutton-list.lrg-img li div > .swatch {
			height: 3.5em;
			width: 3.5em;
			left: 0;
		}

		.infobutton-list li div > .swatch {
			border: solid 1px rgba(246,250,255,0.1);
		}

		.infobutton-list li div > .name {
			letter-spacing: 0.05em;
			-moz-transition: color .15s ease-in-out;
			-webkit-transition: color .15s ease-in-out;
			-ms-transition: color .15s ease-in-out;
			transition: color .15s ease-in-out;
			color: var(--color-standard-50, rgba(246, 250, 255, 0.5));
			margin: 0 0 0 1em;
			text-transform: initial;
			white-space: nowrap;
			text-overflow: ellipsis;
			width: 80%;
			overflow: hidden;
			text-align: left;
			margin-top: 0.3125em;
		}

		.infobutton-list li div > .icon + .name,
		.infobutton-list li div > .portrait + .name,
		.infobutton-list li div > .swatch + .name,
		.infobutton-list li .icon div > .name {
			margin: 0.25em 0 0 4.5em;
		}

			.infobutton-list li div > .icon + .name.leftbump,
			.infobutton-list li div > .portrait + .name.leftbump,
			.infobutton-list li div > .swatch + .name.leftbump,
			.infobutton-list li .icon div > .name.leftbump {
				margin-left: 5em !important;
			}

		.infobutton-list li div > .name:last-child {
			margin-top: auto;
			margin-bottom: auto;
		}

		.infobutton-list li div > .desc {
			margin-left: 1em;
			text-align: left;
			white-space: nowrap;
			text-overflow: ellipsis;
			width: 80%;
			overflow: hidden;
		}

			.infobutton-list li div > .name:not(:last-child),
			.infobutton-list li div > .desc:not(:last-child) {
				width: calc(100% - 4em);
			}

			.infobutton-list li div > .desc.full {
				white-space: normal;
				width: calc(100% - 5.5em);
				color: rgba(246, 250, 255, 0.75) !important;
				line-height: 1.65em;
			}

		.infobutton-list li div > .desc,
		.infobutton-list li div > .cat,
		.infobutton-list li div > .type {
			line-height: 1em;
			margin-bottom: 0;
			text-transform: none;
		}

		.infobutton-list li div > .desc,
		.infobutton-list li div > .cat,
		.infobutton-list li div > .type {
			color: rgba(246, 250, 255, 0.25) !important;
		}

		.infobutton-list li div > .icon ~ .desc,
		.infobutton-list li div > .portrait ~ .desc,
		.infobutton-list li div > .swatch ~ .desc,
		.infobutton-list li .icon div > .desc {
			margin-left: 5em;
			margin-bottom: 0.5em;
			margin-top: 0.25em;
		}

		.infobutton-list li button:hover .name {
			color: var(--color-standard, #eceeef) !important;
		}

		.infobutton-list li button:hover .desc,
		.infobutton-list li button:hover .cat,
		.infobutton-list li button:hover .type {
			color: rgba(246, 250, 255, 0.5) !important;
		}

		.infobutton-list li.selected a .name {
			color: var(--color-primary, #24a0ed) !important;
		}

		.infobutton-list li.selected a .desc,
		.infobutton-list li.selected a .cat,
		.infobutton-list li.selected a .type {
			color: rgba(246, 250, 255, 0.75) !important;
		}

		.infobutton-list li.selected.progress a {
			color: rgba(246, 250, 255, 0.75) !important;
		}

		.infobutton-list li div > .cat {
			color: rgba(246, 250, 255, 0.25) !important;
			position: absolute;
			top: 0.625em;
			right: 0;
		}

		.infobutton-list li div > .type {
			color: rgba(246, 250, 255, 0.25) !important;
			position: absolute;
			right: 0;
			bottom: 0.625em;
		}

		.infobutton-list li div:last-child > .cat,
		.infobutton-list li div:last-child > .type {
			right: 1em;
		}

		.infobutton-list li img,
		.infobutton-list li .icons,
		.infobutton-list li .swatch,
		.infobutton-list li button.icon:before {
			-moz-transition: opacity .15s ease-in-out;
			-webkit-transition: opacity .15s ease-in-out;
			-ms-transition: opacity .15s ease-in-out;
			transition: opacity .15s ease-in-out;
			opacity: 0.5;
		}

		.infobutton-list li button:hover img,
		.infobutton-list li button:hover .icons,
		.infobutton-list li button:hover .swatch,
		.infobutton-list li button.icon:hover:before {
			opacity: 1;
		}

		.infobutton-list li div:last-child > .icons {
			margin-right: 1em;
			z-index: 100;
		}

		.infobutton-list li.selected button img,
		.infobutton-list li.selected button .icons,
		.infobutton-list li.selected button .swatch {
			opacity: 1;
		}

		.infobutton-list li div > .icons {
			margin-bottom: 0;
		}

		.infobutton-list li button .icons {
			color: rgba(246, 250, 255, 0.5) !important;
		}

		.infobutton-list li button.icon:before {
			margin-right: 0;
			position: absolute;
			left: 1em;
			font-size: 1.5em;
		}

		.infobutton-list li div.ratings {
			-moz-flex-grow: 1;
			-webkit-flex-grow: 1;
			-ms-flex-grow: 1;
			flex-grow: 1;
			margin-bottom: 0;
			min-width: 50%;
			flex-direction: column;
			padding: 0 0 0.5em 0;
		}

			.infobutton-list li div.ratings.tight {
				min-width: 20%;
				max-width: 20%;
			}

			.infobutton-list li div.ratings > article {
				width: 100%;
			}

				.infobutton-list li div.ratings > article:only-child {
					margin: auto 0;
				}

			.infobutton-list li div.ratings .progress {
				padding-top: 0;
				line-height: 2em;
				text-align: left;
			}

			.infobutton-list li div > input[type="checkbox"],
			.infobutton-list li div > input[type="radio"] {
				width: 100%;
				margin-right: 0;
			}

				.infobutton-list li div > input[type="checkbox"].switch + label {
					padding-bottom: 0.5em;
					padding-left: 2.9em;
				}

				.infobutton-list li div:last-child > input[type="checkbox"].switch + label {
					margin-right: 0.75em;
				}

		.infobutton-list li div > input[type="text"].thin {
			height: 24px;
			width: 3.5em;
		}

		.infobutton-list li.selected button {
			background-color: var(--color-background-active, rgba(0, 166, 217, 0.15));
			box-shadow: var(--ui-glow--faded);
		}

		.infobutton-list li.selected.progress a {
			background-color: var(--color-background-active, rgba(0, 166, 217, 0.15));
		}

			.infobutton-list li.selected button:hover .icons {
				color: rgba(246, 250, 255, 0.75) !important;
			}

			.infobutton-list li.selected button .icons {
				color: rgba(246, 250, 255, 0.75) !important;
			}

		.infobutton-list li.inactive button {
			border: 1px solid rgba(246,250,255,0.1);
		}

			.infobutton-list li.inactive button:hover {
				border-bottom: 1px solid rgba(246,250,255,0.1);
			}

		.infobutton-list li.inactive .corners:before {
			border-left: solid 1px var(--color-standard-eighth, #eceeef20);
			border-top: solid 1px var(--color-standard-eighth, #eceeef20);
		}

		.infobutton-list li.inactive .corners:after {
			border-top: solid 1px var(--color-standard-eighth, #eceeef20);
			border-right: solid 1px var(--color-standard-eighth, #eceeef20);
		}

		.infobutton-list li.inactive .corners-wrapper:before {
			border-left: solid 1px var(--color-standard-eighth, #eceeef20);
			border-bottom: solid 1px var(--color-standard-eighth, #eceeef20);
		}

		.infobutton-list li.inactive .corners-wrapper:after {
			border-right: solid 1px var(--color-standard-eighth, #eceeef20);
			border-bottom: solid 1px var(--color-standard-eighth, #eceeef20);
		}

		.infobutton-list.twoup,
		.infobutton-list.threeup,
		.infobutton-list.fourup {
			padding-left: 0;
			flex-flow: wrap;
			margin: -1em 0 2em -1em;
		}

			.infobutton-list.twoup li button > div:first-child,
			.infobutton-list.threeup li button > div:first-child,
			.infobutton-list.fourup li button > div:first-child {
				min-width: inherit;
			}

			.infobutton-list.twoup > *,
			.infobutton-list.threeup > *,
			.infobutton-list.fourup > * {
				padding: 1em 0 0 1em !important;
			}

			.infobutton-list.twoup > li {
				width: 50%;
			}

			.infobutton-list.threeup > li {
				width: 33.33333%;
			}

			.infobutton-list.fourup > li {
				width: 25%;
			}

				.infobutton-list.twoup > li .progress-bar,
				.infobutton-list.threeup > li .progress-bar,
				.infobutton-list.fourup > li .progress-bar {
					left: 1em;
				}

		.infobutton-list.vote {
			
		}

			.infobutton-list.vote li.reply {
				margin-left: 4em;
				width: calc(100% - 4em);
			}

			.infobutton-list.vote button.answered {
				border: 1px solid var(--color-primary-half, #24a0ed80);
			}

			.infobutton-list.vote button > div > div.icon {
				height: 32px;
				width: 32px;
				position: absolute;
				left: 1em;
				top: 50%;
				-ms-transform: translateY(-50%);
				transform: translateY(-50%);
			}

				.infobutton-list.vote div.icon > a.icon {
					font-size: 3em;
				}

	@media screen and (max-width: 736px) {

		.infobutton-list li button > div:not(.donthide) {
			display: none;
		}

		.infobutton-list li button > div:first-child {
			display: -moz-flex;
			display: -webkit-flex;
			display: -ms-flex;
			display: flex;
		}

		.infobutton-list.twoup,
		.infobutton-list.threeup,
		.infobutton-list.fourup {
			flex-flow: column;
		}

			.infobutton-list.twoup > li,
			.infobutton-list.threeup > li,
			.infobutton-list.fourup > li {
				width: 100%;
			}
	}

/* iconbutton lists */

.iconbutton-list {
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	cursor: url(../../images/cursor.png) 10 5, default;
	list-style: none;
	-moz-flex-direction: row;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	flex-wrap: wrap;
	margin-left: -1em;
	margin-top: -1em;
	padding-left: 0;
}

	.iconbutton-list > li {
		padding: 1em 0 0 1em;
		vertical-align: middle;
		position: relative;
		width: 16.66667%;
	}

		.iconbutton-list > li button {
			height: 100%;
			padding: 0;
			display: -moz-flex;
			display: -webkit-flex;
			display: -ms-flex;
			display: flex;
		}

			.iconbutton-list > li button a.icon {
				font-size: 4.5em;
				/*border-radius: 100%;*/
				line-height: 2em;
				width: 100%;
				color: var(--color-standard, #eceeef);
			}

			.iconbutton-list > li button a.highlight {
				background: linear-gradient(0deg, rgba(36,160,237,0.4) 0%, rgba(36,160,237,0) 62%);
				background: linear-gradient(0deg, rgba(36,160,237,0.5) 0%, rgba(36,160,237,0.25) 4%, rgba(36,160,237,0) 62%);
				border-bottom: 1px solid var(--color-primary, #24a0ed);
				color: var(--color-primary, #24a0ed);
			}

				.iconbutton-list > li button a.highlight span {
					color: var(--color-primary, #24a0ed);
				}

			.iconbutton-list > li button a.danger {
				background: linear-gradient(0deg, rgba(255,153,25,0.4) 0%, rgba(255,153,25,0) 62%);
				background: linear-gradient(0deg, rgba(255,153,25,0.5) 0%, rgba(255,153,25,0.25) 4%, rgba(255,153,25,0) 62%);
				border-bottom: 1px solid var(--color-danger, #FF9919);
				color: var(--color-danger, #FF9919);
			}

				.iconbutton-list > li button a.danger span {
					color: var(--color-danger, #FF9919);
				}

			.iconbutton-list > li button a.warning {
				background: linear-gradient(0deg, rgba(255,35,97,0.4) 0%, rgba(255,35,97,0) 62%);
				background: linear-gradient(0deg, rgba(255,35,97,0.5) 0%, rgba(255,35,97,0.25) 4%, rgba(255,35,97,0) 62%);
				border-bottom: 1px solid var(--color-warning, #ff2361);
				color: var(--color-warning, #ff2361);
			}

				.iconbutton-list > li button a.warning span {
					color: var(--color-warning, #ff2361);
				}

			.iconbutton-list > li button a span {
				font-size: 0.3em;
				color: var(--color-standard, #eceeef);
				font-family: var(--font-heading, 'Orbitron', sans-serif);
				font-weight: 400;
				line-height: 1.5;
				display: block;
				text-transform: initial;
				margin-bottom: 1em;
				margin-top: -0.5em;
				-moz-transition: color 0.2s ease-in-out;
				-webkit-transition: color 0.2s ease-in-out;
				-ms-transition: color 0.2s ease-in-out;
				transition: color 0.2s ease-in-out;
			}

			.iconbutton-list > li button a.subtle  {
				color: var(--color-subtle, #74777b);
			}

			.iconbutton-list > li button a.subtle span {
				color: var(--color-subtle, #74777b);
			}

			.iconbutton-list > li button a span.new,
			.iconbutton-list > li button a span.tag {
				position: absolute;
				margin: 0;
				top: 0.5em;
				font-family: var(--font-primary, 'Rajdhani', sans-serif);
				font-size: 0.225em;
				letter-spacing: 0.083333333333em;
				padding: 0.125em 0.5em 0 0.5em;
				border: var(--border-default, solid 1px rgba(246, 250, 255, 0.1));
				color: rgba(246, 250, 255, 0.25) !important;
			}

			.iconbutton-list > li button a span.new {
				right: 0.5em;
			}

			.iconbutton-list > li button a span.tag {
				left: 0.5em;
			}

				.iconbutton-list > li button a span.tag.warning {
					color: #ff236180 !important;
				}

				.iconbutton-list > li button a span.tag.danger {
					color: #FF991980 !important;
				}

			.iconbutton-list > li button:hover a,
			.iconbutton-list > li button:hover a span {
				color: var(--color-primary, #24a0ed);
			}

			.iconbutton-list > li button:hover a span.new {
				color: rgba(246, 250, 255, 0.5) !important;
			}

			.iconbutton-list > li button:hover a span.tag.warning {
				color: var(--color-warning, #ff2361) !important;
			}

			.iconbutton-list > li button:hover a span.tag.danger {
				color: #FF9919 !important;
			}

	@media screen and (max-width: 980px) {

		.iconbutton-list > li {
			width: 25%;
		}
	}

	@media screen and (max-width: 736px) {

		.iconbutton-list > li {
			width: 33.33333%;
		}		
	}

	@media screen and (max-width: 480px) {

		.iconbutton-list > li {
			width: 50%;
		}
	}

/* iconbutton lists */

.featurebutton-list {
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	cursor: url(../../images/cursor.png) 10 5, default;
	list-style: none;
	-moz-flex-direction: row;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	flex-wrap: wrap;
	margin-left: -2em;
	margin-top: -2em;
	padding-left: 0;
}

	.featurebutton-list > li {
		padding: 2em 0 0 2em;
		vertical-align: middle;
		position: relative;
		width: 33.33333%;
		display: flex;
	}

		.featurebutton-list > li .corners {
			height: 100%;
		}

		.featurebutton-list > li .item {
			height: 100%;
			padding: 0;
			-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-top 0.2s ease-in-out;
			-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-top 0.2s ease-in-out;
			-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-top 0.2s ease-in-out;
			transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-top 0.2s ease-in-out;
			background-color: transparent;
			border: 1px solid var(--color-standard-20, rgba(246, 250, 255, 0.2));
			color: var(--color-standard, #eceeef) !important;
		}

			.featurebutton-list > li .item:before,
			.featurebutton-list > li .item:after {
				position: absolute;
				top: 1px;
				content: '';
				width: calc(100% - 2px);
				height: 1px;
				-moz-transition: background-color 0.2s ease-in-out, height 0.2s ease-in-out;
				-webkit-transition: background-color 0.2s ease-in-out, height 0.2s ease-in-out;
				-ms-transition: background-color 0.2s ease-in-out, height 0.2s ease-in-out;
				transition: background-color 0.2s ease-in-out, height 0.2s ease-in-out;
			}

			.featurebutton-list > li .item:hover:before,
			.featurebutton-list > li .item:hover:after {
				height: 5px;
			}

			.featurebutton-list > li .item.uncommon:before,
			.featurebutton-list > li .item.rare:before,
			.featurebutton-list > li .item.epic:before,
			.featurebutton-list > li .item.lego:before {
				background-color: #00000080;
			}

			.featurebutton-list > li .item.uncommon:after {
				background-color: var(--color-standard-quarter, #eceeef40);
			}

			.featurebutton-list > li .item.rare:after {
				background-color: #00CDFF40;
			}

			.featurebutton-list > li .item.epic:after {
				background-color: #FF4EC440;
			}

			.featurebutton-list > li .item.lego:after {
				background-color: #E29E2140;
			}

			.featurebutton-list > li .item:hover {
				background-color: var(--color-background-hover, rgba(0, 166, 217, 0.05));
				border-bottom-color: var(--color-standard-20, rgba(246, 250, 255, 0.2));
				color: var(--color-primary, #24a0ed);
			}

			.featurebutton-list > li .item.uncommon:hover {
			}

			.featurebutton-list > li .item.rare:hover {
				background-color: #00CDFF0d;
			}

			.featurebutton-list > li .item.epic:hover {
				background-color: #FF4EC40d;
			}

			.featurebutton-list > li .item.lego:hover {
				background-color: #E29E210d;
			}

			.featurebutton-list > li .item.uncommon:hover:after {
				background-color: var(--color-standard-half, #eceeef80);
			}

			.featurebutton-list > li .item.rare:hover:after {
				background-color: #00CDFF80;
			}

			.featurebutton-list > li .item.epic:hover:after {
				background-color: #FF4EC480;
			}

			.featurebutton-list > li .item.lego:hover:after {
				background-color: #E29E2180;
			}

			.featurebutton-list > li .item .content {
				padding: 0 2em;
			}
			
		.featurebutton-list > li .item a span {
			font-size: 0.3em;
			color: var(--color-standard, #eceeef);
			font-family: var(--font-heading, 'Orbitron', sans-serif);
			font-weight: 400;
			line-height: 1.5;
			display: block;
			text-transform: initial;
			margin-bottom: 1em;
			margin-top: -0.5em;
			-moz-transition: color 0.2s ease-in-out;
			-webkit-transition: color 0.2s ease-in-out;
			-ms-transition: color 0.2s ease-in-out;
			transition: color 0.2s ease-in-out;
		}

				.featurebutton-list > li .item a span.new {
					position: absolute;
					margin: 0;
					top: 0.5em;
					right: 0.5em;
					font-family: var(--font-primary, 'Rajdhani', sans-serif);
					font-size: 0.225em;
					line-height: 1.65em;
					letter-spacing: 0.083333333333em;
					padding: 0 0.5em;
					border: var(--border-dark, solid 1px #2b2c2d);
					color: rgba(246, 250, 255, 0.25) !important;
				}

			.featurebutton-list > li .item:hover a,
			.featurebutton-list > li .item:hover a span {
				color: var(--color-primary, #24a0ed);
			}

				.featurebutton-list > li .item:hover a span.new {
					color: rgba(246, 250, 255, 0.5) !important;
				}

			.featurebutton-list > li .item .hovershow {
				opacity: 0;
				-moz-transition: opacity .15s ease-in-out;
				-webkit-transition: opacity .15s ease-in-out;
				-ms-transition: opacity .15s ease-in-out;
				transition: opacity .15s ease-in-out;
			}

			.featurebutton-list > li .item:hover .hovershow {
				opacity: 1;
			}

	@media screen and (max-width: 1680px) {

		.featurebutton-list > li {
			width: 50%;
		}
	}

	@media screen and (max-width: 768px) {

		.featurebutton-list > li {
			width: 100%;
		}
	}

.featurebutton-list > li .item.uncommon:after {
	background-color: var(--color-standard-quarter, #eceeef40);
}

	.featurebutton-list > li .item.rare:after {
		background-color: #00CDFF40;
	}

	.featurebutton-list > li .item.epic:after {
		background-color: #FF4EC440;
	}

	.featurebutton-list > li .item.lego:after {
		background-color: #E29E2140;
	}

.featurebutton-list > li .item.rare .button.primary:hover {
	color: var(--color-standard, #eceeef) !important;
	background-color: var(--color-rare, #00cdff);
	color: #fff !important;
}

.featurebutton-list > li .item.epic .button.primary:hover {
	color: var(--color-standard, #eceeef) !important;
	background-color: var(--color-epic, #ff4ec4);
	color: #fff !important;
}

.featurebutton-list > li .item.lego .button.primary:hover {
	color: var(--color-standard, #eceeef) !important;
	background-color: var(--color-lego, #e29e21);
	color: #fff !important;
}

	.featurebutton-list > li .item.rare .button:hover {
		color: #00CDFF !important;
		background-color: #00CDFF0d;
	}

	.featurebutton-list > li .item.epic .button:hover {
		color: #FF4EC4 !important;
		background-color: #FF4EC40d;
	}

	.featurebutton-list > li .item.lego .button:hover {
		color: #E29E21 !important;
		background-color: #E29E210d;
	}

/* Infoicons */

ul.infoicons {
	list-style: none;
	padding-left: 0;
	margin: 0;
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
}

	ul.infoicons li {
		display: inline-block;
		border: 1px solid var(--color-standard-20, rgba(246, 250, 255, 0.2));
		height: 32px;
		width: 32px;
		position: relative;
		padding: 0;
		margin-right: 0.5em;
	}

		ul.infoicons li img {
			height: 24px;
			width: 24px;
			position: absolute;
			top: 50%;
			left: 50%;
			-ms-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
		}

		ul.infoicons li.unlocked {
			background-color: var(--color-black-eighth, rgba(0,0,0,0.125));
		}

		ul.infoicons li.locked {
			pointer-events: none;
			opacity: 0.25;
		}

		ul.infoicons li.active {
			border: 1px solid rgba(246,250,255,0.6);
		}

		ul.infoicons li.inactive {
			border: 1px solid rgba(246,250,255,0.1);
		}

		ul.infoicons li.livery {
			position: relative;
		}

			ul.infoicons li.livery .color1 {
				position: absolute;
				bottom: 0;
				right: 0;
				width: 0;
				height: 0;
				border-style: solid;
				border-width: 0 0 20px 20px;
				border-color: transparent transparent #000000 transparent;
			}

			ul.infoicons li.livery .color2 {
				position: absolute;
				bottom: 0;
				right: 0;
				width: 0;
				height: 0;
				border-style: solid;
				border-width: 0 0 12px 12px;
				border-color: transparent transparent #ffffff transparent;
			}

/* Stars */

	ul.icons.stars li {
		padding: 0 0.5em 0 0;
	}

/* Breadcrumbs */

	.breadcrumbs {
		padding-left: 0;
		margin-bottom: 0;
	}
	
		.breadcrumbs > li {
			display: inline-block;
			padding-left: 0;
		}
		
			.breadcrumbs > li:before {
				content: "\f105";
				-moz-osx-font-smoothing: grayscale;
				-webkit-font-smoothing: antialiased;
				display: inline-block;
				font-style: normal;
				font-variant: normal;
				text-rendering: auto;
				line-height: 1;
				text-transform: none !important;
				font-family: 'Font Awesome 6 Pro';
				font-weight: 100;
			}
			
			.breadcrumbs > li:before {
				opacity: 0.45;
				font-size: 0.8em;
				position: relative;
				top: 0.075em;
				margin: 0 0.35em;
			}
			
			.breadcrumbs > li:first-child:before {
				display: none;
			}		

/* Content List */

	.content-list {
		-moz-flex-direction: column;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;	
		margin: 0 0 2em 0;
	}
	
		.content-list > div {
			border-top: var(--border-dark, solid 1px #2b2c2d);
			width: 100%;
			margin-top: 1.5em;
			padding-top: 1.5em;
		}

			.content-list > div:nth-child(1) {
				border-top: 0;
				margin-top: 0;
				padding-top: 0;
			}

			.content-list > div a {
				display: block;
				position: relative;
				outline: 0;
				border: 0;
				overflow: hidden;
				min-height: 64px;
			}

				.content-list > div a .icon,
				.content-list > div a .swatch {
					display: block;
					width: 64px;
					height: 64px;
					text-align: center;
					float: left;
					position: absolute;
					top: 50%;
					-ms-transform: translateY(-50%);
					transform: translateY(-50%);
					-moz-transition: opacity .15s ease-in-out;
					-webkit-transition: opacity .15s ease-in-out;
					-ms-transition: opacity .15s ease-in-out;
					transition: opacity .15s ease-in-out;
					opacity: 0.25;
				}

				.content-list > div a .swatch {
					border: solid 1px rgba(246,250,255,0.1);
				}

				.content-list > div a .name {
					letter-spacing: 0.05em;
					-moz-transition: color .15s ease-in-out;
					-webkit-transition: color .15s ease-in-out;
					-ms-transition: color .15s ease-in-out;
					transition: color .15s ease-in-out;
					color: var(--color-standard-50, rgba(246, 250, 255, 0.5));
					/*color: var(--color-standard, #eceeef);*/
					margin: 0;
				}

				.content-list > div a p {
					font-family: var(--font-primary, 'Rajdhani', sans-serif);
					font-weight: 400;
					margin-bottom: 0;
				}

				.content-list > div a .icon + .name {
					margin: 0 0 0 96px;
				}

				.content-list > div a:hover .icon,
				.content-list > div a:hover .swatch {
					opacity: 0.5;
				}

				.content-list > div a:hover .name {
					color: var(--color-standard, #eceeef) !important;
				}

				.content-list > div a:hover .desc,
				.content-list > div a:hover .cat,
				.content-list > div a:hover .type {
					color: rgba(246, 250, 255, 0.5) !important;
				}

				.content-list > div a .desc {
					color: rgba(246, 250, 255, 0.25) !important;
					padding-right: 2em;
					margin: 0;
				}

				.content-list > div a .icon ~ .desc {
					margin: 0 0 0 96px;
				}

				.content-list > div a .cat {
					color: rgba(246, 250, 255, 0.25) !important;
					position: absolute;
					top: 0;
					right: 0;
				}

				.content-list > div a .type {
					color: rgba(246, 250, 255, 0.25) !important;
					position: absolute;
					right: 0;
					bottom: 0;
				}		

				.content-list > div a p.free, .content-list > div a span.free { opacity: 0.5; }
				.content-list > div a p.paid, .content-list > div a span.paid { opacity: 0.5; }
				.content-list > div a p.test, .content-list > div a span.test { opacity: 0.5; }	
				.content-list > div a p.rep, .content-list > div a span.rep { opacity: 0.5; }	
				.content-list > div a p.vip, .content-list > div a span.vip { opacity: 0.5; }
				.content-list > div a p.mod, .content-list > div a span.mod { opacity: 0.5; }				
				.content-list > div a p.cm, .content-list > div a span.cm { opacity: 0.5; }
				.content-list > div a p.dev, .content-list > div a span.dev { opacity: 0.5; }					

				.content-list > div a:hover p.free, .content-list > div a:hover span.free { opacity: 1; }
				.content-list > div a:hover p.paid, .content-list > div a:hover span.paid { opacity: 1; }
				.content-list > div a:hover p.test, .content-list > div a:hover span.test { opacity: 1; }	
				.content-list > div a:hover p.rep, .content-list > div a:hover span.rep { opacity: 1; }	
				.content-list > div a:hover p.vip, .content-list > div a:hover span.vip { opacity: 1; }
				.content-list > div a:hover p.mod, .content-list > div a:hover span.mod { opacity: 1; }				
				.content-list > div a:hover p.cm, .content-list > div a:hover span.cm { opacity: 1; }
				.content-list > div a:hover p.dev, .content-list > div a:hover span.dev { opacity: 1; }	

				.content-list > div.selected a p.free, .content-list > div.selected a span.free { opacity: 1; }
				.content-list > div.selected a p.paid, .content-list > div.selected a span.paid { opacity: 1; }
				.content-list > div.selected a p.test, .content-list > div.selected a span.test { opacity: 1; }	
				.content-list > div.selected a p.rep, .content-list > div.selected a span.rep { opacity: 1; }	
				.content-list > div.selected a p.vip, .content-list > div.selected a span.vip { opacity: 1; }
				.content-list > div.selected a p.mod, .content-list > div.selected a span.mod { opacity: 1; }				
				.content-list > div.selected a p.cm, .content-list > div.selected a span.cm { opacity: 1; }
				.content-list > div.selected a p.dev, .content-list > div.selected a span.dev { opacity: 1; }

		.content-list.tight > div {
			margin-top: 0.5em;
			padding-top: 0.5em;
		}

			.content-list.tight > div a {
				min-height: 48px;
			}

				.content-list.tight > div a .icon,
				.content-list.tight > div a .swatch {
					width: 32px;
					height: 32px;
				}

					.content-list.tight > div a .icon + .name,
					.content-list.tight > div a .swatch + .name {
						margin: 0 0 0 48px;
					}

					.content-list.tight > div a .icon ~ .desc,
					.content-list.tight > div a .swatch ~ .desc {
						margin: 0 0 0 48px;
					}

		.content-list > div.selected {
		}

			.content-list > div.selected a .icon,
			.content-list > div.selected a .swatch {
				opacity: 1;
			}

			.content-list > div.selected a .name {
				color: var(--color-primary, #24a0ed) !important;
			}

			.content-list > div.selected a .desc {
				color: rgba(246, 250, 255, 0.75) !important;
			}					

			/*
			.content-list > div.selected a:before {
				-moz-osx-font-smoothing: grayscale;
				-webkit-font-smoothing: antialiased;
				display: inline-block;
				font-style: normal;
				font-variant: normal;
				text-rendering: auto;
				line-height: 1;
				text-transform: none !important;
				font-family: 'Font Awesome 6 Pro';
				font-weight: 100;
			}

			.content-list > div.selected a:before {
				content: '\f105';
				font-size: 2rem;
				height: inherit;
				/*left: 0;*/
				/*
				line-height: inherit;
				position: absolute;
				text-indent: 0;
				top: 0;
				width: inherit;
				color: var(--color-subtle-alt, #9fa3a6);
				line-height: 2.5rem;
				right: 0;
			}	
			*/
			
		.content-list:empty {
			display: none;
		}			
				
				
	@media screen and (max-width: 1680px) {

		.content-list > div a {
			min-height: 64px;
		}

			.content-list > div a .icon,
			.content-list > div a .swatch {
				width: 64px;
				height: 64px;
			}

				.content-list > div a .icon + .name,
				.content-list > div a .swatch + .name {
					margin: 0 0 0 88px;
				}

				.content-list > div a .icon ~ .desc
				.content-list > div a .swatch ~ .desc {
					margin: 0 0 0 88px;
				}

		.content-list.tight > div a {
			min-height: 32px;
		}			

	}	

	@media screen and (max-width: 736px) {

		.content-list > div a {
			min-height: 48px;
		}

			.content-list > div a .icon,
			.content-list > div a .swatch {
				width: 48px;
				height: 48px;
			}

				.content-list > div a .icon + .name,
				.content-list > div a .swatch + .name {
					margin: 0 0 0 72px;
				}

				.content-list > div a .icon ~ .desc,
				.content-list > div a .swatch ~ .desc {
					margin: 0 0 0 72px;
				}			

	}		
				
	@media screen and (max-width: 480px) {

		.content-list > div {
			margin-top: 1em;
			padding-top: 1em;
		}

			.content-list > div a {
				min-height: 32px;
			}

				.content-list > div a .icon,
				.content-list > div a .swatch {
					width: 32px;
					height: 32px;
				}

					.content-list > div a .icon + .name,
					.content-list > div a .swatch + .name {
						margin: 0 0 0 56px;
					}

					.content-list > div a .icon ~ .desc,
					.content-list > div a .swatch ~ .desc {
						margin: 0 0 0 56px;
					}	

	}			

/* Action List */

	.action-list {
		-moz-flex-direction: column;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;	
		margin: 0 0 2em 0;
	}
	
		.action-list > div {
			border-top: var(--border-dark, solid 1px #2b2c2d);
			width: 100%;
			margin-top: 1.5em;
			padding-top: 1.5em;
			display: -moz-flex;
			display: -webkit-flex;
			display: -ms-flex;
			display: flex;
		}	
		
			.action-list div:nth-child(1) {
				border-top: 0;
				margin-top: 0;
				padding-top: 0;
			}		
		
			.action-list > div > a {
				display: block;
				position: relative;
				outline: 0;
				border: 0;
				overflow: hidden;
				min-height: 64px;
				flex: 3;
				
			}	

				.action-list > div > a > .icon {
					display: block;
					width: 64px;
					height: 64px;
					text-align: center;
					float: left;
					position: absolute;
					top: 50%;
					-ms-transform: translateY(-50%);
					transform: translateY(-50%);	
					-moz-transition: opacity .15s ease-in-out;
					-webkit-transition: opacity .15s ease-in-out;
					-ms-transition: opacity .15s ease-in-out;
					transition: opacity .15s ease-in-out;					
					opacity: 0.25;
				}			
				
				.action-list div a .name {
					letter-spacing: 0.05em;
					-moz-transition: color .15s ease-in-out;
					-webkit-transition: color .15s ease-in-out;
					-ms-transition: color .15s ease-in-out;
					transition: color .15s ease-in-out;
					color: var(--color-standard-50, rgba(246, 250, 255, 0.5));
					/*color: var(--color-standard, #eceeef);*/
					margin: 0;
					position: absolute;
					top: 50%;
					-ms-transform: translateY(-50%);
					transform: translateY(-50%);					
				}	
				
				.action-list div .deets {
					flex: 2;
					display: -moz-flex;
					display: -webkit-flex;
					display: -ms-flex;
					display: flex;	
					padding: 0;
					margin: 0;
					margin: auto;
				}				
				
				.action-list div .deets p {
					font-family: var(--font-primary, 'Rajdhani', sans-serif);
					font-weight: 400;
					margin-bottom: 0;
					flex: 1;	
					white-space: nowrap;
					margin-right: 1em;					
				}
				
					.action-list div .deets p.inv {
						flex: 1.5;					
					}				
				
				.action-list div ul.actions {
					flex: 0;
					margin-bottom: 0;
					margin: auto;
				}
				
				.action-list div > a .icon + .name {

					margin: 0 0 0 96px;
				}					

					.action-list div > a:hover .icon {
						opacity: 0.5;
					}

			.action-list div > a:hover .name {
				color: var(--color-standard, #eceeef) !important;
			}		

											

				.action-list div a .desc {
					color: rgba(246, 250, 255, 0.25) !important;
					padding-right: 2em;
					margin: 0;
				}		

				.action-list div a .icon ~ .desc {
					margin: 0 0 0 96px;
				}					
				
			.action-list.tight > div {
				margin-top: 0.5em;
				padding-top: 0.5em;
			}			
			
				.action-list.tight > div > a {
					min-height: 48px;
				}		
				
					.action-list.tight > div > a .icon {
						width: 32px;
						height: 32px;
					}	
					
					.action-list.tight > div > a .icon + .name {
						margin: 0 0 0 48px;
					}			

					.action-list.tight > div > a .icon ~ .desc {
						margin: 0 0 0 48px;
					}					

			.action-list div.selected {
				
			}

				.action-list > div.selected > a .icon {
					opacity: 1;
				}

			.action-list div.selected a .name {
				color: var(--color-primary, #24a0ed) !important;
			}					
				
				.action-list div.selected a .desc {
					color: rgba(246, 250, 255, 0.75) !important;
				}	
			
		.action-list:empty {
			display: none;
		}		

	@media screen and (max-width: 736px) {	
	
		.action-list > div {
			flex-flow: column;
		}
		
		.action-list div .deets {
			margin-bottom: 1em;
		}		
		
	}		
				
	@media screen and (max-width: 480px) {

	}	
	
/* Select List */

	ul.select-list {
		margin-bottom: 0;
	}

		ul.select-list > li {
			-moz-flex-grow: 0 !important;
			-webkit-flex-grow: 0 !important;
			-ms-flex-grow: 0 !important;
			flex-grow: 0 !important;
			width: initial !important;
		}

			ul.select-list > li:first-child {
				-moz-flex-grow: 1 !important;
				-webkit-flex-grow: 1 !important;
				-ms-flex-grow: 1 !important;
				flex-grow: 1 !important;
				width: 150% !important;
			}

			ul.select-list > li > a {
			}

			ul.select-list > li > a.icon-only {
				width: 3.65em;
				text-align: center;
				border: 1px solid rgba(246,250,255,0);
				opacity: 0.25;
				height: 3.65em;
			}

			ul.select-list > li > a.icon-only:hover {
				border: 1px solid var(--color-standard-20, rgba(246, 250, 255, 0.2));
				opacity: 1;
			}

			ul.select-list > li > a.primary:before {
				font-size: 2em;
				line-height: 1em;
				vertical-align: middle;
				/*padding-bottom: 0.25em;*/
			}

			ul.select-list > li > a.icon-only:before {
				font-size: 2em;
				margin-top: 0;
				height: 1.825em;
				line-height: 1.825em;
			}		

/* Log */

	ul.log {

	}

		ul.log li .stamp {
			float: right;
			opacity: 0.25;
			-moz-transition: opacity .15s ease-in-out;
			-webkit-transition: opacity .15s ease-in-out;
			-ms-transition: opacity .15s ease-in-out;
			transition: opacity .15s ease-in-out;
			color: var(--color-standard-25, rgba(246, 250, 255, 0.25));
		}

		ul.log li:hover .stamp {
			opacity: 1;
		}

	@media screen and (max-width: 736px) {

		ul.log li .stamp {
			float: inherit;
			display: block;
			opacity: 0.5;
			text-align: right;
		}
	}		
	

/* Table */

	.table-wrapper {
		-webkit-overflow-scrolling: touch;
		overflow-x: auto;
	}

	table {
		margin: 0 0 2em 0;
		width: 100%;
	}

		table tbody tr {
			border: var(--border-dark, solid 1px #2b2c2d);
			border-left: 0;
			border-right: 0;
		}

			table tbody tr:nth-child(2n + 1) {
				background-color: var(--color-standard-03, rgba(246, 250, 255, 0.0375));
			}

		table td {
			padding: 0.75em 0.75em;
		}

		table th {
			color: var(--color-standard, #eceeef);
			font-size: 0.9em;
			font-weight: 300;
			padding: 0 0.75em 0.75em 0.75em;
			text-align: left;
		}

		table thead {
			border-bottom: solid 2px var(--color-border, #2b2c2d);
		}

		table tfoot {
			border-top: solid 2px var(--color-border, #2b2c2d);
		}

		table.alt {
			border-collapse: separate;
		}

			table.alt tbody tr td {
				border: var(--border-dark, solid 1px #2b2c2d);
				border-left-width: 0;
				border-top-width: 0;
			}

				table.alt tbody tr td:first-child {
					border-left-width: 1px;
				}

			table.alt tbody tr:first-child td {
				border-top-width: 1px;
			}

			table.alt thead {
				border-bottom: 0;
			}

			table.alt tfoot {
				border-top: 0;
			}

/* Button */

input[type="submit"],
input[type="reset"],
input[type="button"],
button,
.button {
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
	-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
	-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
	-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
	background-color: transparent;
	border: 1px solid var(--color-standard-20, rgba(246, 250, 255, 0.2));
	/*box-shadow: inset 0 0 0 2px #24a0ed;*/
	color: var(--color-standard, #eceeef) !important;
	cursor: url('../images/cursor_link.png') 10 5, pointer;
	display: inline-block;
	font-size: 0.8em;
	font-weight: 300;
	height: 3.5em;
	letter-spacing: 0.075em;
	line-height: 3.5em;
	padding: 0 2.25em;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
}

		input[type="submit"]:hover,
		input[type="reset"]:hover,
		input[type="button"]:hover,
		button:hover,
		.button:hover {
			background-color: var(--color-background-hover, rgba(0, 166, 217, 0.05));
			border-bottom-color: var(--color-standard-20, rgba(246, 250, 255, 0.2));
		}

		input[type="submit"]:active,
		input[type="reset"]:active,
		input[type="button"]:active,
		button:active,
		.button:active {
			background-color: var(--color-background-active, rgba(0, 166, 217, 0.15));
		}

		input[type="submit"].icon:before,
		input[type="reset"].icon:before,
		input[type="button"].icon:before,
		button.icon:before,
		.button.icon:before {
			margin-right: 0.5em;
		}

		input[type="submit"].fit,
		input[type="reset"].fit,
		input[type="button"].fit,
		button.fit,
		.button.fit {
			width: 100%;
		}

		input[type="submit"].small,
		input[type="reset"].small,
		input[type="button"].small,
		button.small,
		.button.small {
			font-size: 0.6em;
		}

		input[type="submit"].large,
		input[type="reset"].large,
		input[type="button"].large,
		button.large,
		.button.large {
			font-size: 1em;
			height: 3.65em;
			line-height: 3.65em;
		}

	input[type="submit"].primary,
	input[type="reset"].primary,
	input[type="button"].primary,
	button.primary,
	.button.primary {
		background-color: var(--color-standard-125, rgba(246,250,255,0.125));
		box-shadow: none;
		color: var(--color-standard, #eceeef) !important;
		border: 1px solid var(--color-standard-20, rgba(246, 250, 255, 0.2));
	}

			input[type="submit"].primary:hover,
			input[type="reset"].primary:hover,
			input[type="button"].primary:hover,
			button.primary:hover,
			.button.primary:hover {
				background-color: var(--color-primary, #24a0ed); /* 4CAFF0 */
			}

			input[type="submit"].primary:active,
			input[type="reset"].primary:active,
			input[type="button"].primary:active,
			button.primary:active,
			.button.primary:active {
				background-color: #0990E7;
			}

		input[type="submit"].disabled, input[type="submit"]:disabled,
		input[type="reset"].disabled,
		input[type="reset"]:disabled,
		input[type="button"].disabled,
		input[type="button"]:disabled,
		button.disabled,
		button:disabled,
		.button.disabled,
		.button:disabled {
			pointer-events: none;
			opacity: 0.25;
		}

		input[type="submit"].selected,
		input[type="reset"].selected,
		input[type="button"].selected,
		button.selected,
		.button.selected {
			border: 1px solid var(--color-primary, #24a0ed);
			box-shadow: var(--ui-glow--faded);
		}		
		
		input[type="submit"].danger,
		input[type="reset"].danger,
		input[type="button"].danger,
		button.danger,
		.button.danger {
			color: var(--color-warning, #ff2361);
		}		
		
		input[type="submit"].danger:hover,
		input[type="reset"].danger:hover,
		input[type="button"].danger:hover,
		button.danger:hover,
		.button.danger:hover {
			color: var(--color-warning, #ff2361) !important;
			background: url(../../images/danger-stripes.png);
			background-color: rgba(255, 35, 97, 0.05);
		}

		input[type="submit"].active,
		input[type="reset"].active,
		input[type="button"].active,
		button.active,
		.button.active {
			border: 1px solid rgba(36,160,237,0.35);
		}

			input[type="submit"].active:hover,
			input[type="reset"].active:hover,
			input[type="button"].active:hover,
			button.active:hover,
			.button.active:hover {
				border-bottom: 1px solid rgba(36,160,237,0.35);
			}

		input[type="submit"].inactive,
		input[type="reset"].inactive,
		input[type="button"].inactive,
		button.inactive,
		.button.inactive {
			border: 1px solid rgba(246,250,255,0.1);
		}

			input[type="submit"].inactive:hover,
			input[type="reset"].inactive:hover,
			input[type="button"].inactive:hover,
			button.inactive:hover,
			.button.inactive:hover {
				border-bottom: 1px solid rgba(246,250,255,0.1);
			}


/* Mini Posts */

.toast {
	border: 1px solid rgba(246,250,255,0.1);
	max-width: 30em;
	padding: 15px 20px;
	margin: auto;
	text-align: center;
	color: var(--color-standard, #eceeef);
	background: rgba(0,0,0,0.75);
	display: inline-block;
	position: fixed;
	bottom: -100px;
	right: 15px;
	left: 0;
	right: 0;
	opacity: 0;
	transition: all 0.4s ease-out;
}


/* Mini Posts */

	.mini-posts article {
		border-top: var(--border-dark, solid 1px #2b2c2d);
		margin-top: 2em;
		padding-top: 2em;
	}

		.mini-posts article .image,
		.mini-posts article .video {
			display: block;
			margin: 0 0 1.5em 0;
		}

			.mini-posts article .image img,
			.mini-posts article .video video {
				display: block;
				width: 100%;
			}

		.mini-posts article:first-child {
			border-top: 0;
			margin-top: 0;
			padding-top: 0;
		}

/* Features */

	.features {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin: 0 0 2em -3em;
		width: calc(100% + 3em);
	}

		.features article {
			-moz-align-items: center;
			-webkit-align-items: center;
			-ms-align-items: center;
			align-items: center;
			display: -moz-flex;
			display: -webkit-flex;
			display: -ms-flex;
			display: flex;
			margin: 0 0 3em 3em;
			position: relative;
			width: calc(50% - 3em);
		}

			.features article:nth-child(2n - 1) {
				margin-right: 1.5em;
			}

			.features article:nth-child(2n) {
				margin-left: 1.5em;
			}

			.features article:nth-last-child(1), .features article:nth-last-child(2) {
				margin-bottom: 0;
			}

			.features article .icon {
				-moz-flex-grow: 0;
				-webkit-flex-grow: 0;
				-ms-flex-grow: 0;
				flex-grow: 0;
				-moz-flex-shrink: 0;
				-webkit-flex-shrink: 0;
				-ms-flex-shrink: 0;
				flex-shrink: 0;
				display: block;
				height: 10em;
				line-height: 10em;
				margin: 0 2em 0 0;
				text-align: center;
				width: 10em;
			}

				.features article .icon:before {
					color: var(--color-primary, #24a0ed);
					font-size: 2.75rem;
					position: relative;
					top: 0.05em;
				}

				.features article .icon:after {
					-moz-transform: rotate(45deg);
					-webkit-transform: rotate(45deg);
					-ms-transform: rotate(45deg);
					transform: rotate(45deg);
					/*border-radius: 0.25rem;*/
					border: solid 2px var(--color-border, #2b2c2d);
					content: '';
					display: block;
					height: 7em;
					left: 50%;
					margin: -3.5em 0 0 -3.5em;
					position: absolute;
					top: 50%;
					width: 7em;
				}

			.features article .content {
				-moz-flex-grow: 1;
				-webkit-flex-grow: 1;
				-ms-flex-grow: 1;
				flex-grow: 1;
				-moz-flex-shrink: 1;
				-webkit-flex-shrink: 1;
				-ms-flex-shrink: 1;
				flex-shrink: 1;
				width: 100%;
			}

				.features article .content > :last-child {
					margin-bottom: 0;
				}

			.features article .update {
				position: absolute;
				margin: 0;
				top: -1.65em;
				right: 0;
				font-family: var(--font-primary, 'Rajdhani', sans-serif);
				font-size: 0.8em;
				line-height: 1.65em;
				letter-spacing: 0.083333333333em;
				padding: 0 0.5em;
				border: var(--border-dark, solid 1px #2b2c2d);
				color: rgba(246, 250, 255, 0.25) !important;
			}

		@media screen and (max-width: 980px) {

			.features {
				margin: 0 0 2em 0;
				width: 100%;
			}

				.features article {
					margin: 0 0 3em 0;
					width: 100%;
				}

					.features article:nth-child(2n - 1) {
						margin-right: 0;
					}

					.features article:nth-child(2n) {
						margin-left: 0;
					}

					.features article:nth-last-child(1), .features article:nth-last-child(2) {
						margin-bottom: 3em;
					}

					.features article:last-child {
						margin-bottom: 0;
					}

					.features article .icon {
						height: 8em;
						line-height: 8em;
						width: 8em;
					}

						.features article .icon:before {
							font-size: 2.25rem;
						}

						.features article .icon:after {
							height: 6em;
							margin: -3em 0 0 -3em;
							width: 6em;
						}

					.features article .update {
						top: 0;
					}

		}

		@media screen and (max-width: 480px) {

			.features article {
				-moz-flex-direction: column;
				-webkit-flex-direction: column;
				-ms-flex-direction: column;
				flex-direction: column;
				-moz-align-items: -moz-flex-start;
				-webkit-align-items: -webkit-flex-start;
				-ms-align-items: -ms-flex-start;
				align-items: flex-start;
			}

				.features article .icon {
					height: 6em;
					line-height: 6em;
					margin: 0 0 1.5em 0;
					width: 6em;
				}

					.features article .icon:before {
						font-size: 1.5rem;
					}

					.features article .icon:after {
						height: 4em;
						margin: -2em 0 0 -2em;
						width: 4em;
					}

				.features article .update {
					top: 0;
				}

		}

		@media screen and (max-width: 480px) {

			.features article .icon:before {
				font-size: 1.25rem;
			}

		}

/* Posts */

	.posts {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin: 0 0 2em -6em;
		width: calc(100% + 6em);
	}

		.posts article {
			-moz-flex-grow: 0;
			-webkit-flex-grow: 0;
			-ms-flex-grow: 0;
			flex-grow: 0;
			-moz-flex-shrink: 1;
			-webkit-flex-shrink: 1;
			-ms-flex-shrink: 1;
			flex-shrink: 1;
			margin: 0 0 6em 6em;
			position: relative;
			width: calc(33.33333% - 6em);
		}

			.posts article:before {
				background: var(--color-border, #2b2c2d);
				content: '';
				display: block;
				height: calc(100% + 6em);
				left: -3em;
				position: absolute;
				top: 0;
				width: 1px;
			}

			.posts article:after {
				background: var(--color-border, #2b2c2d);
				bottom: -3em;
				content: '';
				display: block;
				height: 1px;
				position: absolute;
				right: 0;
				width: calc(100% + 6em);
			}

			.posts article > :last-child {
				margin-bottom: 0;
			}

			.posts article .image,
			.posts article .video{
				display: block;
				margin: 0 0 2em 0;
			}

				.posts article .image img,
				.posts article .video video {
					display: block;
					width: 100%;
				}

		@media screen and (min-width: 1681px) {

			.posts article:nth-child(3n + 1):before {
				display: none;
			}

			.posts article:nth-child(3n + 1):after {
				width: 100%;
			}

			.posts article:nth-last-child(1), .posts article:nth-last-child(2), .posts article:nth-last-child(3) {
				margin-bottom: 0;
			}

				.posts article:nth-last-child(1):before, .posts article:nth-last-child(2):before, .posts article:nth-last-child(3):before {
					height: 100%;
				}

				.posts article:nth-last-child(1):after, .posts article:nth-last-child(2):after, .posts article:nth-last-child(3):after {
					display: none;
				}

		}

		@media screen and (max-width: 1680px) {

			.posts article {
				width: calc(50% - 6em);
			}

				.posts article:nth-last-child(3) {
					margin-bottom: 6em;
				}

		}

		@media screen and (min-width: 481px) and (max-width: 1680px) {

			.posts article:nth-child(2n + 1):before {
				display: none;
			}

			.posts article:nth-child(2n + 1):after {
				width: 100%;
			}

			.posts article:nth-last-child(1), .posts article:nth-last-child(2) {
				margin-bottom: 0;
			}

				.posts article:nth-last-child(1):before, .posts article:nth-last-child(2):before {
					height: 100%;
				}

				.posts article:nth-last-child(1):after, .posts article:nth-last-child(2):after {
					display: none;
				}

		}

		@media screen and (max-width: 736px) {

			.posts {
				margin: 0 0 2em -4.5em;
				width: calc(100% + 4.5em);
			}

				.posts article {
					margin: 0 0 4.5em 4.5em;
					width: calc(50% - 4.5em);
				}

					.posts article:before {
						height: calc(100% + 4.5em);
						left: -2.25em;
					}

					.posts article:after {
						bottom: -2.25em;
						width: calc(100% + 4.5em);
					}

					.posts article:nth-last-child(3) {
						margin-bottom: 4.5em;
					}

		}

		@media screen and (max-width: 480px) {

			.posts {
				margin: 0 0 2em 0;
				width: 100%;
			}

				.posts article {
					margin: 0 0 4.5em 0;
					width: 100%;
				}

					.posts article:before {
						display: none;
					}

					.posts article:after {
						width: 100%;
					}

					.posts article:last-child {
						margin-bottom: 0;
					}

						.posts article:last-child:after {
							display: none;
						}

		}
		
/* Columns */

	.columns {
		display: flex;
		-ms-flex-direction: row;
		-webkit-flex-direction: row;
		flex-direction: row;
	}
	
		.columns div {
			-ms-flex: 1 1 0.000000001px;
			-webkit-flex: 1;
			flex: 1;
			-webkit-flex-basis: 0.000000001px;
			flex-basis: 0.000000001px;
			display: flex;
			-ms-flex-direction: column;
			-webkit-flex-direction: column;
			flex-direction: column;
			padding-right: 1.5em;
		}
		
		.columns div:last-child {
			padding-right: 0;
		}		
		
			.columns div h4 {
				border-bottom: var(--border-dark, solid 1px #2b2c2d);
				padding-bottom: 1em;
				font-size: 0.8em;
			}
	
		

/* Wrapper */

	#wrapper {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-direction: row-reverse;
		-webkit-flex-direction: row-reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
		min-height: 100vh;
		overflow-x: hidden;
		-moz-transition: -moz-filter 0.325s ease-in-out;
		-webkit-transition: -webkit-filter 0.325s ease-in-out;
		-ms-transition: -ms-filter 0.325s ease-in-out;
		transition: filter 0.325s ease-in-out;
	}
	
	#wrapper.blur {
		-moz-filter: blur(0.2rem);
		-webkit-filter: blur(0.2rem);
		-ms-filter: blur(0.2rem);
		filter: blur(0.2rem);
	}
	

/* Main */

	#main {
		-moz-flex-grow: 1;
		-webkit-flex-grow: 1;
		-ms-flex-grow: 1;
		flex-grow: 1;
		-moz-flex-shrink: 1;
		-webkit-flex-shrink: 1;
		-ms-flex-shrink: 1;
		flex-shrink: 1;
		width: 100%;
		min-width: 0;
	}

		#main > .inner {
			padding: 0 6em 0.1em 6em ;
			margin: 0 auto;
			max-width: 110em;
		}

			#main > .inner > section {
				padding: 6em 0 4em 0 ;
				border-top: solid 2px var(--color-border, #2b2c2d);
			}

				#main > .inner > section:first-of-type {
					border-top: 0 !important;
				}

		@media screen and (max-width: 1680px) {

			#main > .inner {
				padding: 0 5em 0.1em 5em ;
			}

				#main > .inner > section {
					padding: 5em 0 3em 0 ;
				}

		}

		@media screen and (max-width: 1280px) {

			#main > .inner {
				padding: 0 4em 0.1em 4em ;
			}

				#main > .inner > section {
					padding: 4em 0 2em 0 ;
				}

		}

		@media screen and (max-width: 736px) {

			#main > .inner {
				padding: 0 2em 0.1em 2em ;
			}

				#main > .inner > section {
					padding: 3em 0 1em 0 ;
				}

		}

/* Sidebar */

	#search form {
		text-decoration: none;
		position: relative;
	}

		#search form:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			display: inline-block;
			font-style: normal;
			font-variant: normal;
			text-rendering: auto;
			line-height: 1;
			text-transform: none !important;
			font-family: 'Font Awesome 6 Pro';
			font-weight: 100;
		}

		#search form:before {
			-moz-transform: scaleX(-1);
			-webkit-transform: scaleX(-1);
			-ms-transform: scaleX(-1);
			transform: scaleX(-1);
			color: var(--color-input-icon, #7f888f);
			content: '\f002';
			cursor: url('../images/cursor.png') 10 5, default;
			display: block;
			font-size: 1.5em;
			height: 2em;
			line-height: 2em;
			opacity: 0.325;
			position: absolute;
			right: 0;
			text-align: center;
			top: 0;
			width: 2em;
		}

		#search form input[type="text"] {
			padding-right: 2.75em;
		}

	#sidebar {
		-moz-flex-grow: 0;
		-webkit-flex-grow: 0;
		-ms-flex-grow: 0;
		flex-grow: 0;
		-moz-flex-shrink: 0;
		-webkit-flex-shrink: 0;
		-ms-flex-shrink: 0;
		flex-shrink: 0;
		-moz-transition: margin-left 0.5s ease, box-shadow 0.5s ease, background-color 0.25s ease;
		-webkit-transition: margin-left 0.5s ease, box-shadow 0.5s ease, background-color 0.25s ease;
		-ms-transition: margin-left 0.5s ease, box-shadow 0.5s ease, background-color 0.25s ease;
		transition: margin-left 0.5s ease, box-shadow 0.5s ease, background-color 0.25s ease;
		background-color: var(--color-foreground, #1e1f21);
		font-size: 0.9em;
		position: relative;
		width: 26em;

	}

		#sidebar h2 {
			font-size: 1.38889em;
		}

		#sidebar > .inner {
			padding: 2.22222em 2.22222em 2.44444em 2.22222em ;
			position: relative;
			width: 26em;
			-moz-transition: opacity 0.25s ease, visiblity 0.25s;
			-webkit-transition: opacity 0.25s ease, visiblity 0.25s;
			-ms-transition: opacity 0.25s ease, visiblity 0.25s;
			transition: opacity 0.25s ease, visiblity 0.25s;			
			opacity: 1;		
			visibility: visible;
		}

			#sidebar > .inner > * {
				border-bottom: solid 2px var(--color-border, #2b2c2d);
				margin: 0 0 3.5em 0;
				padding: 0 0 3.5em 0;
			}

				#sidebar > .inner > * > :last-child {
					margin-bottom: 0;
				}

				#sidebar > .inner > *:last-child {
					border-bottom: 0;
					margin-bottom: 0;
					padding-bottom: 0;
				}

			#sidebar > .inner > .alt {
				background-color: var(--color-foreground-alt, #1a1b1d);
				border-bottom: 0;
				margin: -2.22222em 0 4.44444em -2.22222em;
				padding: 2.22222em;
				width: calc(100% + 4.44444em);
			}
			
				#sidebar > .inner > .alt header .logo {
					margin-bottom: 0;
				}			

		#sidebar .toggle {
			text-decoration: none;
			-moz-transition: left 0.5s ease;
			-webkit-transition: left 0.5s ease;
			-ms-transition: left 0.5s ease;
			transition: left 0.5s ease;
			-webkit-tap-highlight-color: rgba(246, 250, 255, 0);
			border: 0;
			display: block;
			height: 7.5em;
			left: 26em;
			line-height: 7.5em;
			outline: 0;
			overflow: hidden;
			position: absolute;
			text-align: center;
			text-indent: 7.5em;
			top: 0;
			width: 6em;
			z-index: 10000;
		}

			#sidebar .toggle:before {
				-moz-osx-font-smoothing: grayscale;
				-webkit-font-smoothing: antialiased;
				display: inline-block;
				font-style: normal;
				font-variant: normal;
				text-rendering: auto;
				line-height: 1;
				text-transform: none !important;
				font-family: 'Font Awesome 6 Pro';
				font-weight: 100;
			}

			#sidebar .toggle:before {
				content: '\f0c9';
				font-size: 2rem;
				height: inherit;
				left: 0;
				line-height: inherit;
				position: absolute;
				text-indent: 0;
				top: 0;
				width: inherit;
				text-shadow: var(--ui-glow-text);
			}

		#sidebar.inactive {
			margin-left: -26em;
			background-color: transparent;
		}
		
			#sidebar.inactive .inner {
				opacity: 0;
				visibility: hidden;				
			}

		@media screen and (max-width: 1680px) {

			#sidebar {
				width: 24em;
			}

				#sidebar > .inner {
					padding: 1.66667em 1.66667em 1.33333em 1.66667em ;
					width: 24em;
				}

					#sidebar > .inner > .alt {
						margin: -1.66667em 0 3.33333em -1.66667em;
						padding: 1.66667em;
						width: calc(100% + 3.33333em);
					}

				#sidebar .toggle {
					height: 6.25em;
					left: 24em;
					line-height: 6.25em;
					text-indent: 5em;
					width: 5em;
					height: 4em;
					line-height: 4em;
				}

					#sidebar .toggle:before {
						font-size: 1.5em;
					}

				#sidebar.inactive {
					margin-left: -24em;
				}

		}

		@media screen and (max-width: 1280px) {

			#sidebar {
				box-shadow: 0 0 5em 0 rgba(0, 0, 0, 0.175);
				height: 100%;
				left: 0;
				position: fixed;
				top: 0;
				z-index: 10000;
			}

				#sidebar.inactive {
					box-shadow: none;
				}

				#sidebar > .inner {
					-webkit-overflow-scrolling: touch;
					height: 100%;
					left: 0;
					overflow-x: hidden;
					overflow-y: auto;
					position: absolute;
					top: 0;
				}

					#sidebar > .inner:after {
						content: '';
						display: block;
						height: 4em;
						width: 100%;
					}

				#sidebar .toggle {
					text-indent: 6em;
					width: 6em;
					text-indent: 4em;
					width: 4em;
				}

					#sidebar .toggle:before {
						font-size: 1.65em;
						/*margin-left: -0.4375em;*/
					}

				body.is-preload #sidebar {
					display: none;
				}

		}

		@media screen and (max-width: 736px) {

			#sidebar .toggle {
				text-indent: 7.25em;
				width: 7.25em;
				text-indent: 5.5em;
				width: 5.5em;
			}

				#sidebar .toggle:before {
					/*margin-left: -0.0625em;
					margin-top: -0.25em;*/
					font-size: 1.6em;
					top: 0.3em;
					z-index: 1;
				}

				#sidebar .toggle:after {
					background: rgba(0, 0, 0, 0.5);
					/*border-radius: 0.375em;*/
					content: '';
					height: 3.5em;
					left: 1em;
					position: absolute;
					top: 1em;
					width: 3.5em;
				}

		}

		@media screen and (max-width: 360px) {

				#sidebar .toggle:before {
					font-size: 1.56em;
				}
		}
		
/* Infobar */

	#infobar {
		-moz-flex-grow: 0;
		-webkit-flex-grow: 0;
		-ms-flex-grow: 0;
		flex-grow: 0;
		-moz-flex-shrink: 0;
		-webkit-flex-shrink: 0;
		-ms-flex-shrink: 0;
		flex-shrink: 0;
		-moz-transition: margin-right 0.5s ease, box-shadow 0.5s ease, opacity 0.25s ease, visibility 0.25s;
		-webkit-transition: margin-right 0.5s ease, box-shadow 0.5s ease, opacity 0.25s ease, visibility 0.25s;
		-ms-transition: margin-right 0.5s ease, box-shadow 0.5s ease, opacity 0.25s ease, visibility 0.25s;
		transition: margin-right 0.5s ease, box-shadow 0.5s ease, opacity 0.25s ease, visibility 0.25s;
		background-color: var(--color-foreground, #1e1f21);
		font-size: 0.9em;
		position: relative;
		width: 26em;
		opacity: 1;
		visibility: visible;
		height: 100%;
		right: 0;
		position: fixed;
		top: 0;
		z-index: 10000;
	}

		#infobar > header {
			height: 3em;
			line-height: 3em;
			background-color: var(--color-foreground-alt, #1a1b1d);
		}
		
			#infobar > header > ul {
				display: -moz-flex;
				display: -webkit-flex;
				display: -ms-flex;
				display: flex;
				list-style: none;
				padding-left: 0;
				margin-bottom: 0;
				height: inherit;
				line-height: inherit;
			}		
			
				#infobar > header > ul > li {
					padding-left: 0;
					cursor: url('../images/cursor_link.png') 10 5, pointer;
					-moz-flex-grow: 0;
					-webkit-flex-grow: 0;
					-ms-flex-grow: 0;
					flex-grow: 0;
					-moz-flex-shrink: 0;
					-webkit-flex-shrink: 0;
					-ms-flex-shrink: 0;
					flex-shrink: 0;
					/*background-color: rgba(14,15,25,0.175);*/
					padding: 0 1em;
					height: inherit;
					line-height: inherit;
					display: -moz-flex;
					display: -webkit-flex;
					display: -ms-flex;
					display: flex;
					-moz-align-items: center;
					-webkit-align-items: center;
					-ms-align-items: center;
					align-items: center;
					-moz-justify-content: center;
					-webkit-justify-content: center;
					-ms-justify-content: center;
					justify-content: center;
					width: 16.66667%;
				}		

					#infobar > header > ul > li.active {
						background-color: transparent;
						background-color: var(--color-foreground, #1e1f21);
					}	
					
						#infobar > header > ul > li.disabled {
							pointer-events: none;
							opacity: 0.25;
						}						

						#infobar > header > ul > li > .label {
							display: none;
						}		

						#infobar > header > ul > li > a {
							text-align: center;
							color: var(--color-standard-50, rgba(246, 250, 255, 0.5));
						}		

						#infobar > header > ul > li.active > a {
							text-align: center;
							color: var(--color-standard-75, rgba(246, 250, 255, 0.75));
						}			

							#infobar > header > ul > li > a:before {
								font-size: 1.5em;
								padding-top: 0.25em;
							}							

		#infobar h2 {
			font-size: 1.38889em;
		}

		#infobar > .inner {
			padding: 2.22222em 2.22222em 2.44444em 2.22222em;
			position: relative;
			width: 26em;
			/*position: fixed;
			top: 0px;*/
			overflow-x: hidden;
			overflow-y: auto;
			position: absolute;
			top: 3em;
			height: calc(100% - 9.6em - 1px);
			height: calc(100% - 11.31666em - 1px);
		}

			#infobar > .inner > * {
				border-bottom: solid 2px var(--color-border, #2b2c2d);
				margin: 0 0 3.5em 0;
				padding: 0 0 3.5em 0;
			}

				#infobar > .inner > * > :last-child {
					margin-bottom: 0;
				}

				#infobar > .inner > *:last-child,
				#infobar > .inner > *:only-child{
					border-bottom: 0;
					margin-bottom: 0;
					padding-bottom: 0;
				}
				
				#infobar > .inner header span {
					display: block;
					text-transform: uppercase;
					color: rgba(246,250,255,0.25);
					font-size: 0.8em;
					letter-spacing: 0.05em;
				}				
				
				#infobar .hidden {
					display: none;
				}

			#infobar > .inner > .alt {
				background-color: var(--color-foreground-alt, #1a1b1d);
				border-bottom: 0;
				margin: -2.22222em 0 4.44444em -2.22222em;
				padding: 2.22222em;
				width: calc(100% + 4.44444em);
			}
			
		#infobar .image-selector {
			display: -moz-flex;
			display: -webkit-flex;
			display: -ms-flex;
			display: flex;		
			margin-bottom: 2em;
		}	

			#infobar .image-selector .image {
				width: 6.9em;
				height: 6.9em;
				-moz-flex-grow: 0;
				-webkit-flex-grow: 0;
				-ms-flex-grow: 0;
				flex-grow: 0;
				-moz-flex-shrink: 0;
				-webkit-flex-shrink: 0;
				-ms-flex-shrink: 0;
				flex-shrink: 0;				
			}	

			#infobar .image-selector .actions {
				padding-left: 1.5em;
			}

		#infobar > .actions {
			display: -moz-flex;
			display: -webkit-flex;
			display: -ms-flex;
			display: flex;
			-moz-align-items: center;
			-webkit-align-items: center;
			-ms-align-items: center;
			align-items: center;
			-moz-justify-content: center;
			-webkit-justify-content: center;
			-ms-justify-content: center;
			justify-content: center;
			height: 3em;
			position: absolute;
			top: 3em;
			right: 0;
		}

			#infobar > .actions > div {
				display: -moz-flex;
				display: -webkit-flex;
				display: -ms-flex;
				display: flex;
				-moz-align-items: center;
				-webkit-align-items: center;
				-ms-align-items: center;
				align-items: center;
				-moz-justify-content: center;
				-webkit-justify-content: center;
				-ms-justify-content: center;
				justify-content: center;
				height: 3em;
				padding: 0 0.375em;
				cursor: pointer;
				line-height: 3em;
				z-index: 1;
				cursor: url('../images/cursor_link.png') 10 5, pointer;
			}

				#infobar > .actions > div.expand {
					-moz-transform: rotate(90deg);
					-webkit-transform: rotate(90deg);
					-ms-transform: rotate(90deg);
					transform: rotate(90deg);
				}

				#infobar > .actions > div.collapse {
					-moz-transform: rotate(-90deg);
					-webkit-transform: rotate(-90deg);
					-ms-transform: rotate(-90deg);
					transform: rotate(-90deg);
				}

				#infobar > .actions > div:last-child {
					padding-right: 1em;
				}

				#infobar > .actions > div > svg {
					-moz-transition: -moz-fill .2s ease;
					-webkit-transition: -webkit-fill .2s ease;
					-ms-transition: -ms-fill .2s ease;
					transition: fill .2s ease;
					width: 1.125em;
					height: 1.125em;
					fill: rgba(246,250,255,0.25);
					display: block;
				}

				#infobar > .actions > div:hover > svg {
					fill: #fff;
				}

		#infobar footer {
			box-shadow: inset 0 1px 0 0 rgba(246,250,255,0.075);
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;
			padding: 2.22222em 2.22222em 2.44444em 2.22222em;

			position: fixed;
			width: 26em;
			right: 0;
			bottom: 0;
			left: calc(100% - 26em);
			background-color: var(--color-foreground-90, rgba(30, 31, 33, 0.9));

			position: absolute;
			bottom: 0;
			left: 0;
		}			
		
			#infobar footer > ul {
				margin-bottom: 0;
			}	

				#infobar footer > ul > li {
					-moz-flex-grow: 0;
					-webkit-flex-grow: 0;
					-ms-flex-grow: 0;
					flex-grow: 0;
					width: initial;
					
				}		

					#infobar footer > ul > li:first-child {
						-moz-flex-grow: 1;
						-webkit-flex-grow: 1;
						-ms-flex-grow: 1;
						flex-grow: 1;
					}				
							
					#infobar footer > ul > li > a {
					}			

						#infobar footer > ul > li > a.icon-only {
							width: 3.65em;
							text-align: center;
							border: 1px solid rgba(246,250,255,0);
							opacity: 0.25;
							font-size: 1em;
							height: 3.65em;
							line-height: 3.65em;							
						}	
						
							#infobar footer > ul > li > a.icon-only:hover {
								border: 1px solid var(--color-standard-20, rgba(246, 250, 255, 0.2));
								opacity: 1;
							}	
							
							#infobar footer > ul > li > a.primary:before {
								font-size: 2em;
								line-height: 1em;
								vertical-align: middle;
								/*padding-bottom: 0.25em;*/
							}							

							#infobar footer > ul > li > a.icon-only:before {
								font-size: 2em;
								margin-top: 0;
								height: 1.825em;
								line-height: 1.825em;								
							}		

			#infobar.inactive footer {
				display: none;
			}							
			
		#infobar .toggle {
			text-decoration: none;
			-moz-transition: right 0.5s ease;
			-webkit-transition: right 0.5s ease;
			-ms-transition: right 0.5s ease;
			transition: right 0.5s ease;
			-webkit-tap-highlight-color: rgba(246, 250, 255, 0);
			border: 0;
			display: block;
			height: 7.5em;
			right: 26em;
			line-height: 7.5em;
			outline: 0;
			overflow: hidden;
			position: absolute;
			text-align: center;
			text-indent: 7.5em;
			top: 0;
			width: 6em;
			z-index: 10000;
		}

			#infobar .toggle:before {
				-moz-osx-font-smoothing: grayscale;
				-webkit-font-smoothing: antialiased;
				display: inline-block;
				font-style: normal;
				font-variant: normal;
				text-rendering: auto;
				line-height: 1;
				text-transform: none !important;
				font-family: 'Font Awesome 6 Pro';
				font-weight: 100;
			}

			#infobar .toggle:before {
				content: '\f00d';
				font-size: 2rem;
				height: inherit;
				left: 0;
				line-height: inherit;
				position: absolute;
				text-indent: 0;
				top: 0;
				width: inherit;
			}			

		#infobar.inactive {
			margin-right: -26em;
			opacity: 0;
			visibility: hidden;
		}
		
			#infobar.inactive .inner {
				display: none;
			}		
		
			#infobar.inactive .toggle {
				display: none;
			}		

		#infobar.collapsed {

		}

			#infobar.collapsed [data-tooltip]:before,
			#infobar.collapsed [data-tooltip]:after {
				display: none;
				opacity: 0;
			}
	

		@media screen and (min-width: 481px) {

			#infobar.collapsed {
				display: -moz-flex;
				display: -webkit-flex;
				display: -ms-flex;
				display: flex;
				-moz-flex-direction: column;
				-webkit-flex-direction: column;
				-ms-flex-direction: column;
				flex-direction: column;
				-moz-align-items: center;
				-webkit-align-items: center;
				-ms-align-items: center;
				align-items: center;
				-moz-justify-content: space-between;
				-webkit-justify-content: space-between;
				-ms-justify-content: space-between;
				justify-content: space-between;
				width: 3.66667em;
			}

				#infobar.collapsed > header {
					height: auto;
					background-color: transparent;
				}

					#infobar.collapsed > header > ul {
						-moz-flex-direction: column;
						-webkit-flex-direction: column;
						-ms-flex-direction: column;
						flex-direction: column;
					}

						#infobar.collapsed > header > ul > li {
							background-color: transparent;
							width: 100%;
							height: 3.66667em;
						}

							#infobar.collapsed > header > ul > li > svg {
								fill: var(--color-standard-75, rgba(246, 250, 255, 0.75));
							}

							#infobar.collapsed > header > ul > li[data-tooltip]:before,
							#infobar.collapsed > header > ul > li[data-tooltip]:after {
								display: none;
							}

				#infobar.collapsed > .inner {
					display: none;
				}

				#infobar.collapsed > .actions {
					display: none;
					-moz-flex-direction: column;
					-webkit-flex-direction: column;
					-ms-flex-direction: column;
					flex-direction: column;
					position: relative;
					top: 0;
					height: auto;
					border-top: solid 1px rgba(246,250,255,0.075);
				}

					#infobar.collapsed > .actions > div {
						height: 3.66667em;
						width: 100%;
						padding: 0;
					}

						#infobar.collapsed > .actions > div:nth-last-child(n+2) {
							display: none;
						}

				#infobar.collapsed > footer {
					position: relative;
					left: auto;
					bottom: auto;
					width: 3.66667em;
					margin-top: .45833em;
					padding-top: .45833em;
					padding: 0.5em 0.5em 1em 0.5em;
				}

					#infobar.collapsed > footer > .actions {
						-moz-flex-direction: column;
						-webkit-flex-direction: column;
						-ms-flex-direction: column;
						flex-direction: column;
						padding-left: 0;
						margin-left: 0;
						width: 100%;
					}

						#infobar.collapsed > footer > .actions > div {
							width: 100%;
							height: 3.66667em;
						}

						#infobar.collapsed > footer > .actions > *:first-child,
						#infobar.collapsed > .inner > footer > .actions > *:first-child {
							border-left: 0;
						}

						#infobar.collapsed > footer > .actions > li {
							padding-left: 0;
							padding-top: 0.5em;
						}

						#infobar.collapsed > footer > .actions > li:first-child {
							display: none;
						}

							#infobar.collapsed > footer > .actions > li > a.icon-only {
								width: 2.5em;
								height: 2.5em;
								line-height: 2.5em;
							}

							#infobar.collapsed > footer > .actions > li > a.icon-only:before {
								font-size: 1.5em;
							}

							#infobar.collapsed > footer > .actions > li[data-tooltip]:before,
							#infobar.collapsed > footer > .actions > li[data-tooltip]:after {
								display: none;
							}

							#infobar.collapsed > .toggle {
								display: none;
							}

		}

		@media screen and (max-width: 1680px) {

			#infobar {
				width: 24em;
			}

				#infobar > .inner {
					padding: 1.66667em 1.66667em 1.33333em 1.66667em ;
					width: 24em;
				}

					#infobar > .inner > .alt {
						margin: -1.66667em 0 3.33333em -1.66667em;
						padding: 1.66667em;
						width: calc(100% + 3.33333em);
					}
					
				#infobar .toggle {
					height: 6.25em;
					right: 24em;
					line-height: 6.25em;
					text-indent: 5em;
					width: 5em;
				}

					#infobar .toggle:before {
						font-size: 1.5rem;
					}					

				#infobar > footer {
					padding: 1.66667em 1.66667em 1.33333em 1.66667em;
					position: absolute;
					bottom: 0;
					left: 0;
					width: 100%;					
				}	

				#infobar.inactive {
					margin-right: -24em;
				}

		}

		@media screen and (max-width: 1280px) {

			#infobar {
				box-shadow: 0 0 5em 0 rgba(0, 0, 0, 0.175);
				height: 100%;
				right: 0;
				position: fixed;
				top: 0;
				z-index: 10000;
			}

				#infobar.inactive {
					box-shadow: none;
				}

				#infobar > .inner {
					-webkit-overflow-scrolling: touch;
					height: 100%;
					left: 0;
					overflow-x: hidden;
					overflow-y: auto;
					position: absolute;
					top: 3em;
					height: calc(100% - 9.6em - 1px);
				}

					#infobar > .inner:after {
						content: '';
						display: block;
						height: 4em;
						width: 100%;
					}
					
				#infobar .toggle {
					text-indent: 6em;
					width: 6em;
				}

					#infobar .toggle:before {
						font-size: 1.5rem;
						margin-right: -0.4375em;
					}					

				body.is-preload #infobar {
					display: none;
				}

		}	

		@media screen and (max-width: 736px) {

			#infobar .toggle {
				text-indent: 7.25em;
				width: 7.25em;
				right: 0;
			}

				#infobar .toggle:before {
					margin-left: -0.0625em;
					margin-top: -0.25em;
					font-size: 1.1rem;
					z-index: 1;
				}

				#infobar .toggle:after {
					background: rgba(0, 0, 0, 0.5);
					/*border-radius: 0.375em;*/
					content: '';
					height: 3.5em;
					right: 1em;
					position: absolute;
					top: 1em;
					width: 5em;
				}

		}		

/* Header */

	#header {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		border-bottom: solid 2px var(--color-primary, #24a0ed);
		padding: 6em 0 1em 0;
		position: relative;
		height: 7.15em;
	}

		#header::after {
			background-color: var(--color-primary--600);
			box-shadow: var(--ui-glow);
			bottom: -2px;
			content: "";
			height: 2px;
			position: absolute;
			left: 0;
			width: 100%;
		}

		#header > * {
			-moz-flex: auto;
			-webkit-flex: auto;
			-ms-flex: auto;
			flex: auto;
			margin-bottom: 1em;
			bottom: 0;
			position: absolute;
		}

		#header .logo {
			border-bottom: 0;
			color: inherit;
			font-family: var(--font-heading, 'Orbitron', sans-serif);
			font-size: 1.125em;
		}

			#header .logo img {
				height: 2.75rem;
				margin-top: 0.5rem;
			}

		#header .icons,
		#header .notification {
			text-align: right;
			right: 0;
		}
		
		#header .icons + .notification {
			line-height: 1.65em;
			position: absolute;
			right: 0;
			top: 1em;
		}

		#header .notification {
			visibility: hidden;
			opacity: 0;
			transition: visibility 0s 1s, opacity 1s linear;
			width: 62%;
		}		
		
		#header .notification.visible {
			visibility: visible;
			opacity: 1;
			transition: opacity 1s linear;
			flex: 2;
		}	

			#header .notification strong.type {
				margin-right: 1em;
				position: relative;
			}		

			#header .notification strong.type:after {
				content: " ";
				width: 2px;
				height: 1.65em;
				background-color: var(--color-border, #2b2c2d);
				position: absolute;
				margin-left: calc(0.5em - 1px);
				top: -0.2em;
				bottom: 0;
			}

		@media screen and (max-width: 1680px) {

			#header {
				/*padding-top: 5em;*/
			}

		}

		@media screen and (max-width: 736px) {

			#header {
				/*padding-top: 6.5em;*/
				height: 10.15em;
			}

				#header .logo {
					font-size: 1.25em;
					margin: 0;
				}
				
					#header .logo img {
						height: 1.75rem;
					}


				#header .notification {
					line-height: 1.25em;
					position: absolute;
					/*left: 4em;*/
					right: 0;
					top: 1em;
					bottom: 2em;
					width: 85%;
				}

				#header .icons {
					top: 5em;
				}				

		}

/* Banner */

	#banner {
		padding: 6em 0 4em 0 ;
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
	}

		#banner h1 {
			margin-top: -0.125em;
		}

		#banner .content {
			-moz-flex-grow: 1;
			-webkit-flex-grow: 1;
			-ms-flex-grow: 1;
			flex-grow: 1;
			-moz-flex-shrink: 1;
			-webkit-flex-shrink: 1;
			-ms-flex-shrink: 1;
			flex-shrink: 1;
			width: 50%;
		}

		#banner .image,
		#banner .video {
			-moz-flex-grow: 0;
			-webkit-flex-grow: 0;
			-ms-flex-grow: 0;
			flex-grow: 0;
			-moz-flex-shrink: 0;
			-webkit-flex-shrink: 0;
			-ms-flex-shrink: 0;
			flex-shrink: 0;
			display: block;
			margin: 0 0 2em 4em;
			width: 50%;
		}

			#banner .image img,
			#banner .video video {
				height: 100%;
				-moz-object-fit: cover;
				-webkit-object-fit: cover;
				-ms-object-fit: cover;
				object-fit: cover;
				-moz-object-position: center;
				-webkit-object-position: center;
				-ms-object-position: center;
				object-position: center;
				width: 100%;
			}
			
			/*
			#banner .video video {
				-moz-transform: translateX(50%) translateY(50%);
				-webkit-transform: translateX(50%) translateY(50%);
				-ms-transform: translateX(50%) translateY(50%);
				transform: translateX(50%) translateY(50%);
				position: absolute;
				bottom: 50%;
				right: 50%;
				width: auto;
				height: auto;
				min-width: 100%;
				min-height: 100%;
				overflow: hidden;
			}			
			
			*/

		@media screen and (orientation: portrait) {

			#banner {
				-moz-flex-direction: column-reverse;
				-webkit-flex-direction: column-reverse;
				-ms-flex-direction: column-reverse;
				flex-direction: column-reverse;
			}

				#banner h1 br {
					display: none;
				}

				#banner .content {
					-moz-flex-grow: 0;
					-webkit-flex-grow: 0;
					-ms-flex-grow: 0;
					flex-grow: 0;
					-moz-flex-shrink: 0;
					-webkit-flex-shrink: 0;
					-ms-flex-shrink: 0;
					flex-shrink: 0;
					width: 100%;
				}

				#banner .image,
				#banner .video {
					-moz-flex-grow: 0;
					-webkit-flex-grow: 0;
					-ms-flex-grow: 0;
					flex-grow: 0;
					-moz-flex-shrink: 0;
					-webkit-flex-shrink: 0;
					-ms-flex-shrink: 0;
					flex-shrink: 0;
					margin: 0 0 4em 0;
					height: 25em;
					max-height: 50vh;
					min-height: 18em;
					width: 100%;
				}

		}

		@media screen and (orientation: portrait) and (max-width: 480px) {

			#banner .image,
			#banner .video {
				max-height: 35vh;
			}

		}

/* Footer */

	#footer {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
	}
	
	#footer > * {
		-moz-flex: 1;
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1;
		margin-bottom: 0;
	}

		#footer .copyright {
			color: var(--color-copyright, rgba(159, 163, 166, 0.125));
			font-size: 0.9em;
		}

			#footer .copyright a {
				color: inherit;
				border-bottom: 0;
			}
			
		#footer .icons {
			text-align: right;
		}

		#footer ul.icons li .icon {
			color: var(--color-copyright, rgba(159, 163, 166, 0.125));
		}		

/* Menu */

	#menu ul {
		-moz-user-select: none;
		-webkit-user-select: none;
		-ms-user-select: none;
		user-select: none;
		letter-spacing: 0.075em;
		list-style: none;
		margin-bottom: 0;
		padding: 0;
		text-transform: uppercase;
	}

		#menu ul a, #menu ul span {
			border-bottom: 0;
			color: inherit;
			cursor: url('../images/cursor_link.png') 10 5, pointer;
			display: block;
			font-size: 0.9em;
			padding: 0.625em 0;
		}

			#menu ul a:hover, #menu ul span:hover {
				color: var(--color-primary, #24a0ed);
			}

			#menu ul a.opener, #menu ul span.opener {
				-moz-transition: color 0.2s ease-in-out;
				-webkit-transition: color 0.2s ease-in-out;
				-ms-transition: color 0.2s ease-in-out;
				transition: color 0.2s ease-in-out;
				text-decoration: none;
				-webkit-tap-highlight-color: rgba(246, 250, 255, 0);
				position: relative;
			}

				#menu ul a.opener:before, #menu ul span.opener:before {
					-moz-osx-font-smoothing: grayscale;
					-webkit-font-smoothing: antialiased;
					display: inline-block;
					font-style: normal;
					font-variant: normal;
					text-rendering: auto;
					line-height: 1;
					text-transform: none !important;
					font-family: 'Font Awesome 6 Pro';
					font-weight: 100;
				}

				#menu ul a.opener:before, #menu ul span.opener:before {
					-moz-transition: color 0.2s ease-in-out, -moz-transform 0.2s ease-in-out;
					-webkit-transition: color 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
					-ms-transition: color 0.2s ease-in-out, -ms-transform 0.2s ease-in-out;
					transition: color 0.2s ease-in-out, transform 0.2s ease-in-out;
					color: var(--color-subtle-alt, #9fa3a6);
					content: '\f078';
					position: absolute;
					right: 0;
					top: 1em;
				}

				#menu ul a.opener:hover:before, #menu ul span.opener:hover:before {
					color: var(--color-primary, #24a0ed);
				}

				#menu ul a.opener.active + ul, #menu ul span.opener.active + ul {
					display: block;
				}

				#menu ul a.opener.active:before, #menu ul span.opener.active:before {
					-moz-transform: rotate(-180deg);
					-webkit-transform: rotate(-180deg);
					-ms-transform: rotate(-180deg);
					transform: rotate(-180deg);
				}
				
		#menu ul span.new {
			display: inline;
			float: right;
			font-size: 1em;
			padding: 0 0.5em;
			border: var(--border-dark, solid 1px #2b2c2d);
			color: rgba(246, 250, 255, 0.25) !important;
		}		

			#menu ul span.opener span.new {
				margin-right: 2em;
			}		

			#menu ul a:hover span.new,
			#menu ul span.opener:hover span.new{
				color: rgba(246, 250, 255, 0.5) !important;
			}

	#menu > ul > li {
		border-bottom: var(--border-dark, solid 1px #2b2c2d);
		margin: 0 0 0.5em 0;
		padding: 0 0 0.5em 0;
	}

		#menu > ul > li > ul {
			color: var(--color-subtle-alt, #9fa3a6);
			display: none;
			margin: 0.5em 0 1.5em 0;
			padding-left: 1em;
		}

			#menu > ul > li > ul a, #menu > ul > li > ul span {
				font-size: 0.8em;
			}

				#menu > ul > li > ul a:focus, #menu > ul > li > ul span:focus {
					outline: none;
				}

				#menu > ul > li > ul a:before, #menu > ul > li > ul span:before {
					width: 0;
					height: 0;
					border-style: solid;
					border-width: 4px 0 4px 6.9px;
					border-color: transparent;
					content: '';
					position: absolute;
					left: 2.8em;
					margin-top: 0.5em;
				}

				#menu > ul > li > ul a:after, #menu > ul > li > ul span:after {
					width: 0;
					height: 0;
					border-style: solid;
					border-width: 3px 0 3px 5.2px;
					border-color: transparent;
					content: '';
					position: absolute;
					left: 2.8em;
					margin-top: 0.58em;
				}	

					#menu > ul > li > ul a:focus:before, #menu > ul > li > ul span:focus:before {
						border-color: transparent transparent transparent var(--color-standard-25, rgba(246, 250, 255, 0.25));
					}

				#menu > ul > li > ul a:focus:after, #menu > ul > li > ul span:focus:after {
					border-color: transparent transparent transparent var(--color-foreground, #1e1f21);
				}

				@media screen and (max-width: 1680px) {

					#menu > ul > li > ul a:before, #menu > ul > li > ul span:before {
						left: 2em;
						margin-top: 0.3em;
					}

					#menu > ul > li > ul a:after, #menu > ul > li > ul span:after {
						left: 2em;
						margin-top: 0.4em;
					}	
				}

			#menu > ul > li > ul > li {
				margin: 0.125em 0 0 0;
				padding: 0.125em 0 0 0;
			}

	#menu > ul > li:last-child {
		border-bottom: 0;
		margin-bottom: 0;
		padding-bottom: 0;
	}
		
		
/* Profile */

	#profile {
		margin-top: 0.5em;
		margin-bottom: 2em;
	}
		
		#profile > a {
			position: relative;
			display: block;
			border-bottom: transparent;
		}		
	
			#profile .image {
				max-width: 3rem;
				height: auto;
				position: absolute;
				left: 0;
				top: 50%;
				-ms-transform: translateY(-50%);
				transform: translateY(-50%);			
			}

		#profile .title,
		#profile .name,
		#profile .infoboxes {
			padding-left: 4rem;
			margin-bottom: 0;
			line-height: 1.2em;
		}	
		
			#profile .title {
				color: rgba(246, 250, 255, 0.25) !important;
			}

				#profile .title a {
					color: rgba(246, 250, 255, 0.25) !important;
					border-bottom: none;
				}

					#profile .title a:hover {
						color: var(--color-primary, #24a0ed) !important;
					}

			#profile .name {
				color: var(--color-standard-50, rgba(246, 250, 255, 0.5));
				letter-spacing: 0.05em;
			}

		#profile .actions {
			top: 50%;
			-ms-transform: translateY(-50%);
			transform: translateY(-50%);
			margin-bottom: 0;
		}

	@media screen and (max-width: 1280px) {

		#profile .image {
			max-width: 2rem;
		}

		#profile .title,
		#profile .name,
		#profile .infoboxes {
			padding-left: 3rem;
		}	
	}
			
/* Overlay */

	#overlay {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 30000;	
		pointer-events: none;		
	}
	
		#overlay.light-test {
			background: linear-gradient(180deg,rgba(255, 27, 27, 0.15) 26.22%,rgba(37,38,41,0));
		}	
		
		#overlay.blend-hardlight {
			mix-blend-mode: hard-light;
		}		
	
	
		
/* Timeline */

	.timeline > section {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		border-left: solid 1px;
		position: relative;
		
	}

		.timeline > section:before {
			position: absolute;
			content: '';
			width: 0.5em;
			height: 0.5em;
			left: calc(-0.5em + 4px);
			top: 0;
			-moz-transform: rotate(45deg);
			-webkit-transform: rotate(45deg);
			-ms-transform: rotate(45deg);
			transform: rotate(45deg);
			/*border-radius: 100%;*/
		}		

		.timeline > section:last-child {
			border-left: 0;
		}
		
		.timeline > section:last-child:before {
			left: calc(-0.5em + 5px);
		}		

	.timeline header {
		-moz-flex-shrink: 0;
		-webkit-flex-shrink: 0;
		-ms-flex-shrink: 0;
		flex-shrink: 0;
		margin-bottom: 2em;
		padding: 0 2.5em;
		width: 25%;
	}

		.timeline header h4 {
			text-transform: uppercase;
		}

		.timeline header p {
			margin-bottom: 0.5em;
			font-weight: 700;
		}

	.timeline .image {
		margin-bottom: 2em;
		margin-right: 2.5em;
	}
	
	.timeline .image {
		overflow: hidden;
	}

		.timeline .image img {
			-moz-transition: -moz-transform 0.2s ease;
			-webkit-transition: -webkit-transform 0.2s ease;
			-ms-transition: -ms-transform 0.2s ease;
			transition: transform 0.2s ease;
		}

		.timeline .image:hover img {
			-moz-transform: scale(1.075);
			-webkit-transform: scale(1.075);
			-ms-transform: scale(1.075);
			transform: scale(1.075);
		}	

	.timeline .content {
		margin-bottom: 2em;
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1;
	}

		.timeline .content p {
			margin-bottom: 1em;
		}

	@media screen and (max-width: 1680px) {

		.timeline > section:before {
			left: calc(-0.5em + 3px);
		}

		.timeline > section:last-child:before {
			left: calc(-0.5em + 4px);
		}
	}

	@media screen and (max-width: 1280px) {

		.timeline > section:before {
			left: calc(-0.5em + 2px);
		}

		.timeline > section:last-child:before {
			left: calc(-0.5em + 3px);
		}
	}

	@media screen and (max-width: 980px) {

		.timeline > section {
			-moz-flex-wrap: wrap;
			-webkit-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			padding-left: 2em;
		}

		.timeline header {
			margin-bottom: 1em;
			padding: 0;
			width: 100%;
		}

	}

	@media screen and (max-width: 736px) {

		.timeline > section:before {
			left: calc(-0.5em + 3px);
		}

		.timeline > section:last-child:before {
			left: calc(-0.5em + 4px);
		}
	}

	@media screen and (max-width: 480px) {

		.timeline > section {
			padding-left: 1.5em;
		}

	}

	.timeline > section {
		border-color: #bbb;
	}

		.timeline > section:before {
			background-color: var(--color-background, #18191a);
			outline: 2px solid #bbb;
		}

	.timeline header p {
		color: var(--color-primary, #24a0ed);
	}		
	
/* Feature List */

	.feature-list > section {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		position: relative;
		
	}	

		.feature-list > section:last-child {
			border-left: 0;
		}
		
		.feature-list > section:last-child:before {
			left: calc(-0.5em + 3px);
		}		

	.feature-list header {
		-moz-flex-shrink: 0;
		-webkit-flex-shrink: 0;
		-ms-flex-shrink: 0;
		flex-shrink: 0;
		margin-bottom: 2em;
		padding-right: 2.5em;
		width: 25%;
	}

		.feature-list header h4 {
			text-transform: uppercase;
		}

		.feature-list header p {
			margin-bottom: 0.5em;
			font-weight: 700;
		}

	.feature-list .image {
		margin-bottom: 2em;
		margin-right: 2.5em;
	}
	
	.feature-list .image {
		overflow: hidden;
	}

		.feature-list .image img {
			-moz-transition: -moz-transform 0.2s ease;
			-webkit-transition: -webkit-transform 0.2s ease;
			-ms-transition: -ms-transform 0.2s ease;
			transition: transform 0.2s ease;
		}

		.feature-list .image:hover img {
			-moz-transform: scale(1.075);
			-webkit-transform: scale(1.075);
			-ms-transform: scale(1.075);
			transform: scale(1.075);
		}	

	.feature-list .content {
		margin-bottom: 2em;
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1;
	}

		.feature-list .content p {
			margin-bottom: 1em;
		}

	@media screen and (max-width: 980px) {

		.feature-list > section {
			-moz-flex-wrap: wrap;
			-webkit-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
		}

		.feature-list header {
			margin-bottom: 1em;
			padding: 0;
			width: 100%;
		}

	}

	@media screen and (max-width: 480px) {

		.feature-list > section {
			padding-left: 1.5em;
		}

	}

	.feature-list header p {
		color: var(--color-primary, #24a0ed);
	}			
		
/* Bracket */
		.bracket{
			display: inline-block;
			position: relative;
			text-decoration: none;
			transition: .25s linear;
		}
			.bracket:hover {
				color:var(--color-standard, #eceeef);
			}
			.bracket:before,.bracket:after{
			  position: absolute;
			  top: 0;
			  content:'';
			  width: 4px;
			  height: 100%;
			  display: inline-block;
			}
			.bracket:before {
				border-left: var(--border-inv, solid 1px #eceeef40);
				border-top: var(--border-inv, solid 1px #eceeef40);
				border-bottom: var(--border-inv, solid 1px #eceeef40);
				left: 0;
			}
			.bracket:after {
				content: '';
				border-top: var(--border-inv, solid 1px #eceeef40);
				border-right: var(--border-inv, solid 1px #eceeef40);
				border-bottom: var(--border-inv, solid 1px #eceeef40);
				right: 0;
			}	
			
			.bracket:hover:before, .bracket:hover:after,
			.bracket:focus:before, .bracket:focus:after{
				-moz-animation: widen 0.25s;
				-webkit-animation: widen 0.25s;
				-ms-animation: widen 0.25s;				
			  	animation: widen 0.25s;
				width: 8px;
			}			
		
			@-webkit-keyframes widen {
				0% { width: 4px; }
				100% { width: 8px; }	
			}	
			
			@-moz-keyframes widen {
				0% { width: 4px; }
				100% { width: 8px; }	
			}	
			
			@-o-keyframes widen {
				0% { width: 4px; }
				100% { width: 8px; }	
			}	
			
			@keyframes widen {
				0% { width: 4px; }
				100% { width: 8px; }	
			}	
			
		@media screen and (max-width: 480px) {
			.bracket{
				width: 100%;
			}			
		}
		
		form > .fields > .field > .bracket{
			width: 100%;
		}		
		
		.bracket-wrapper{
			display: inline-block;
			position: relative;
			text-decoration: none;
			transition: .25s linear;
			padding: 0.5rem;
			margin: 0 0 2rem 0;
		}
					
			.bracket-wrapper.notop {
				padding-top: 0rem;
			}	
			
			.bracket-wrapper.padded {
				padding: 0 2rem;
			}				
			
			.bracket-wrapper.blocko {
				display: block;
			}				
			
			.bracket-wrapper.narrow {
				max-width: 25.25em;
			}	
			
			.bracket-wrapper.wide {
				max-width: 50.50em;
			}								
					
			.bracket-wrapper > :first-child {
				margin-bottom: 0;
			}				
			
			.bracket-wrapper:hover {
				color:var(--color-standard, #eceeef);
			}
			.bracket-wrapper:before,.bracket-wrapper:after{
			  position: absolute;
			  top: 0;
			  content:'';
			  width: 4px;
			  height: 100%;
			  display: inline-block;
			}
			.bracket-wrapper:before{
			  border-left: solid 1px var(--color-standard, #eceeef);
			  border-top: solid 1px var(--color-standard, #eceeef);
			  border-bottom: solid 1px var(--color-standard, #eceeef);
			  left: 0;
			}
			.bracket-wrapper:after{
			  content: '';
			  border-top: solid 1px var(--color-standard, #eceeef);
			  border-right: solid 1px var(--color-standard, #eceeef);
			  border-bottom: solid 1px var(--color-standard, #eceeef);
			  right: 0;
			}		
			
			.bracket-wrapper form{
				margin: 0;
			}				
			
			.bracket-wrapper form > .fields{
				margin: -0.5rem 0 2rem -2rem;
			}	
			
			body.special .bracket-wrapper {
				margin: 0 auto 2rem auto;
			}		
			
			
/* Corners */

	.corners {
		display: inline-block;
		position: relative;
		text-decoration: none;
		transition: .25s linear;
	}
		.corners.fit {
			width: 100%;
		}
		.corners:hover {
			color:var(--color-white, #ffffff);
		}
		.corners:before,.corners:after{
			position: absolute;
			top: 0;
			content:'';
			width: 4px;
			height: 4px;
			display: inline-block;
		}
		.corners:before {
			border-left: var(--border-inv, solid 1px #eceeef40);
			border-top: var(--border-inv, solid 1px #eceeef40);
			left: 0;
		}
		.corners:after {
			content: '';
			border-top: var(--border-inv, solid 1px #eceeef40);
			border-right: var(--border-inv, solid 1px #eceeef40);
			right: 0;
		}	
			
		.corners:hover:before, .corners:hover:after,
		.corners:focus:before, .corners:focus:after{
			-moz-animation: grow 0.25s;
			-webkit-animation: grow 0.25s;
			-ms-animation: grow 0.25s;				
			animation: grow 0.25s;
			width: 8px;
			height: 8px;
		}

	.corners-wrapper {
		display: inline-block;
		position: relative;
		text-decoration: none;
		transition: .25s linear;
	}
		.corners-wrapper.fit {
			width: 100%;
		}
		.corners-wrapper:hover {
			color:var(--color-white, #ffffff);
		}
		.corners-wrapper:before,.corners-wrapper:after{
			position: absolute;
			bottom: 0;
			content:'';
			width: 4px;
			height: 4px;
			display: inline-block;
		}
		.corners-wrapper:before {
			border-left: var(--border-inv, solid 1px #eceeef40);
			border-bottom: var(--border-inv, solid 1px #eceeef40);
			left: 0;
		}
		.corners-wrapper:after {
			content: '';
			border-right: var(--border-inv, solid 1px #eceeef40);
			border-bottom: var(--border-inv, solid 1px #eceeef40);
			right: 0;
		}	
			
		.corners-wrapper:hover:before, .corners-wrapper:hover:after,
		.corners-wrapper:focus:before, .corners-wrapper:focus:after{
			-moz-animation: grow 0.25s;
			-webkit-animation: grow 0.25s;
			-ms-animation: grow 0.25s;				
			animation: grow 0.25s;
			width: 8px;
			height: 8px;
		}					
		
		@-webkit-keyframes grow {
			0% { width: 4px; height: 4px; }
			100% { width: 8px; height: 8px; }	
		}	
			
		@-moz-keyframes grow {
			0% { width: 4px; height: 4px; }
			100% { width: 8px; height: 8px; }	
		}	
			
		@-o-keyframes grow {
			0% { width: 4px; height: 4px; }
			100% { width: 8px; height: 8px; }		
		}	
			
		@keyframes grow {
			0% { width: 4px; height: 4px; }
			100% { width: 8px; height: 8px; }	
		}		
			
	@media screen and (max-width: 480px) {
		.corners{
			width: 100%;
		}		
			
		.corners-wrapper{
			width: 100%;
		}					
	}																				
				


/* Stats */

	.stats {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		margin: 0 0 2em 0;
	}

		.stats > article {
			-moz-flex-grow: 1;
			-webkit-flex-grow: 1;
			-ms-flex-grow: 1;
			flex-grow: 1;
			-moz-flex-shrink: 1;
			-webkit-flex-shrink: 1;
			-ms-flex-shrink: 1;
			flex-shrink: 1;
			border-style: solid;
			border-right-width: 1px;
			padding: 0 3em;
		}

			.stats > article:nth-last-child(1) {
				border-right-width: 0;
			}

			.stats.alt > article:first-child {
				padding-left: 0;
			}

			.stats > article h3 span {
				display: block;
				font-size: 3em;
				font-weight: 300;
				line-height: 1;
				margin-bottom: 0.25em;
			}

			.stats > article > :last-child {
				margin-bottom: 0;
			}

			.stats.alt > article > label {
				margin-bottom: 0;
			}

		@media screen and (max-width: 1280px) {

			.stats > article {
				padding: 0 1.5em;
			}

		}

		@media screen and (max-width: 980px) {

			.stats:not(.alt) {
				-moz-flex-wrap: wrap;
				-webkit-flex-wrap: wrap;
				-ms-flex-wrap: wrap;
				flex-wrap: wrap;
			}

				.stats:not(.alt) > article {
					border-top-width: 1px;
					padding: 3em;
					width: 50%;
				}

					.stats:not(.alt) > article:nth-child(1), .stats > article:nth-child(2) {
						border-top-width: 0;
					}

					.stats:not(.alt) > article:nth-last-child(2n - 1) {
						border-right-width: 0;
					}

		}

		@media screen and (max-width: 480px) {

			.stats:not(.alt) {
				-moz-flex-direction: column;
				-webkit-flex-direction: column;
				-ms-flex-direction: column;
				flex-direction: column;
			}

				.stats:not(.alt) > article {
					border-right: 0;
					padding: 3em 0;
					width: 100%;
				}

					.stats:not(.alt) > article:nth-child(1) {
						padding-top: 1.5em;
					}

					.stats:not(.alt) > article:nth-child(2) {
						border-top-width: 1px;
					}

					.stats:not(.alt) > article:nth-last-child(1) {
						padding-bottom: 1.5em;
					}

			.stats.alt > article {
				padding: 0 1em;
			}

		}

	.stats > article {
		border-color: rgba(246, 250, 255, 0.125);
	}

		
/* Ratings */

	.ratings {
		margin: 0 0 2em 0;
	}

		.ratings > article {
			margin-bottom: 0.5em;
		}

			.ratings > article:last-child {
				margin-bottom: 0;
			}

		.ratings .progress {
			border-style: solid;
			border-bottom-width: 1px;
			padding-top: 0.25em;
			position: relative;
		}

			.ratings .progress span {
				float: right;
				padding-left: 1em;
			}

			.ratings .progress.primary:before {
				background-color: var(--color-primary, #24a0ed);
				box-shadow: var(--ui-glow);
			}

			.ratings .progress.negative:before,
			.ratings .progress.warning:before {
				background-color: var(--color-warning, #ff2361);
				box-shadow: var(--ui-glow-warning);
			}

			.ratings .progress.danger:before,
			.ratings .progress.problem:before {
				background-color: var(--color-danger, #FF9919);
				box-shadow: var(--ui-glow-danger);
			}

			.ratings .progress.complete:before {
				background-color: var(--color-primary, #24a0ed);
				box-shadow: var(--ui-glow);
				/*background-color: rgba(246, 250, 255, 0.9);*/
			}

		.ratings .temp:after {
			content: '';
			height: 1px;
			left: 0;
			position: absolute;
			bottom: -1px;
			width: 100%;
			background: linear-gradient(90deg, rgba(0,128,255,0.075) 0%, rgba(0,192,255,0.075) 15%, rgba(0,255,255,0.075) 30%, rgba(246,250,255,0.075) 50%, rgba(255,255,0,0.075) 70%, rgba(255,128,0,0.075) 85%, rgba(255,0,0,0.075) 100%);
		}

		.ratings .temp.mild:after {
			background: linear-gradient(90deg, rgba(0,128,255,0.15) 0%, rgba(0,192,255,0.15) 15%, rgba(0,255,255,0.15) 30%, rgba(246,250,255,0.15) 50%, rgba(255,255,0,0.15) 70%, rgba(255,128,0,0.15) 85%, rgba(255,0,0,0.15) 100%);
		}

		.ratings .temp.extreme:after {
			background: linear-gradient(90deg, rgba(0,128,255,0.5) 0%, rgba(0,192,255,0.5) 15%, rgba(0,255,255,0.5) 30%, rgba(246,250,255,0.5) 50%, rgba(255,255,0,0.5) 70%, rgba(255,128,0,0.5) 85%, rgba(255,0,0,0.5) 100%);
		}

		.ratings .limits:before {
			background: transparent;
		}

		.ratings .limits:after {
			content: '';
			height: 1px;
			left: 0;
			position: absolute;
			bottom: -1px;
			width: 100%;
			background: linear-gradient(90deg, rgba(255,35,97,0.5) 0%, rgba(255,35,97,0.5) 45%, rgba(255,153,25,0.5) 45%, rgba(255,153,25,0.5) 55%, rgba(36,160,237,0.5) 55%, rgba(36,160,237,0.5) 100%);
		}

		.ratings:hover .limits:after {
			background: linear-gradient(90deg, rgba(255,35,97,1) 0%, rgba(255,35,97,1) 45%, rgba(255,153,25,1) 45%, rgba(255,153,25,1) 55%, rgba(36,160,237,1) 55%, rgba(36,160,237,1) 100%);
		}

			.ratings .progress:before {
				content: '';
				height: 1px;
				left: 0;
				position: absolute;
				bottom: -1px;
			}

			.ratings .progress[data-progress="0"]:before {width: 0%;}
			.ratings .progress[data-progress="1"]:before {width: 1%;}
			.ratings .progress[data-progress="2"]:before {width: 2%;}
			.ratings .progress[data-progress="3"]:before {width: 3%;}
			.ratings .progress[data-progress="4"]:before {width: 4%;}
			.ratings .progress[data-progress="5"]:before {width: 5%;}
			.ratings .progress[data-progress="6"]:before {width: 6%;}
			.ratings .progress[data-progress="7"]:before {width: 7%;}
			.ratings .progress[data-progress="8"]:before {width: 8%;}
			.ratings .progress[data-progress="9"]:before {width: 9%;}
			.ratings .progress[data-progress="10"]:before {width: 10%;}
			.ratings .progress[data-progress="11"]:before {width: 11%;}
			.ratings .progress[data-progress="12"]:before {width: 12%;}
			.ratings .progress[data-progress="13"]:before {width: 13%;}
			.ratings .progress[data-progress="14"]:before {width: 14%;}
			.ratings .progress[data-progress="15"]:before {width: 15%;}
			.ratings .progress[data-progress="16"]:before {width: 16%;}
			.ratings .progress[data-progress="17"]:before {width: 17%;}
			.ratings .progress[data-progress="18"]:before {width: 18%;}
			.ratings .progress[data-progress="19"]:before {width: 19%;}
			.ratings .progress[data-progress="20"]:before {width: 20%;}
			.ratings .progress[data-progress="21"]:before {width: 21%;}
			.ratings .progress[data-progress="22"]:before {width: 22%;}
			.ratings .progress[data-progress="23"]:before {width: 23%;}
			.ratings .progress[data-progress="24"]:before {width: 24%;}
			.ratings .progress[data-progress="25"]:before {width: 25%;}
			.ratings .progress[data-progress="26"]:before {width: 26%;}
			.ratings .progress[data-progress="27"]:before {width: 27%;}
			.ratings .progress[data-progress="28"]:before {width: 28%;}
			.ratings .progress[data-progress="29"]:before {width: 29%;}
			.ratings .progress[data-progress="30"]:before {width: 30%;}
			.ratings .progress[data-progress="31"]:before {width: 31%;}
			.ratings .progress[data-progress="32"]:before {width: 32%;}
			.ratings .progress[data-progress="33"]:before {width: 33%;}
			.ratings .progress[data-progress="34"]:before {width: 34%;}
			.ratings .progress[data-progress="35"]:before {width: 35%;}
			.ratings .progress[data-progress="36"]:before {width: 36%;}
			.ratings .progress[data-progress="37"]:before {width: 37%;}
			.ratings .progress[data-progress="38"]:before {width: 38%;}
			.ratings .progress[data-progress="39"]:before {width: 39%;}
			.ratings .progress[data-progress="40"]:before {width: 40%;}
			.ratings .progress[data-progress="41"]:before {width: 41%;}
			.ratings .progress[data-progress="42"]:before {width: 42%;}
			.ratings .progress[data-progress="43"]:before {width: 43%;}
			.ratings .progress[data-progress="44"]:before {width: 44%;}
			.ratings .progress[data-progress="45"]:before {width: 45%;}
			.ratings .progress[data-progress="46"]:before {width: 46%;}
			.ratings .progress[data-progress="47"]:before {width: 47%;}
			.ratings .progress[data-progress="48"]:before {width: 48%;}
			.ratings .progress[data-progress="49"]:before {width: 49%;}
			.ratings .progress[data-progress="50"]:before {width: 50%;}
			.ratings .progress[data-progress="51"]:before {width: 51%;}
			.ratings .progress[data-progress="52"]:before {width: 52%;}
			.ratings .progress[data-progress="53"]:before {width: 53%;}
			.ratings .progress[data-progress="54"]:before {width: 54%;}
			.ratings .progress[data-progress="55"]:before {width: 55%;}
			.ratings .progress[data-progress="56"]:before {width: 56%;}
			.ratings .progress[data-progress="57"]:before {width: 57%;}
			.ratings .progress[data-progress="58"]:before {width: 58%;}
			.ratings .progress[data-progress="59"]:before {width: 59%;}
			.ratings .progress[data-progress="60"]:before {width: 60%;}
			.ratings .progress[data-progress="61"]:before {width: 61%;}
			.ratings .progress[data-progress="62"]:before {width: 62%;}
			.ratings .progress[data-progress="63"]:before {width: 63%;}
			.ratings .progress[data-progress="64"]:before {width: 64%;}
			.ratings .progress[data-progress="65"]:before {width: 65%;}
			.ratings .progress[data-progress="66"]:before {width: 66%;}
			.ratings .progress[data-progress="67"]:before {width: 67%;}
			.ratings .progress[data-progress="68"]:before {width: 68%;}
			.ratings .progress[data-progress="69"]:before {width: 69%;}
			.ratings .progress[data-progress="70"]:before {width: 70%;}
			.ratings .progress[data-progress="71"]:before {width: 71%;}
			.ratings .progress[data-progress="72"]:before {width: 72%;}
			.ratings .progress[data-progress="73"]:before {width: 73%;}
			.ratings .progress[data-progress="74"]:before {width: 74%;}
			.ratings .progress[data-progress="75"]:before {width: 75%;}
			.ratings .progress[data-progress="76"]:before {width: 76%;}
			.ratings .progress[data-progress="77"]:before {width: 77%;}
			.ratings .progress[data-progress="78"]:before {width: 78%;}
			.ratings .progress[data-progress="79"]:before {width: 79%;}
			.ratings .progress[data-progress="80"]:before {width: 80%;}
			.ratings .progress[data-progress="81"]:before {width: 81%;}
			.ratings .progress[data-progress="82"]:before {width: 82%;}
			.ratings .progress[data-progress="83"]:before {width: 83%;}
			.ratings .progress[data-progress="84"]:before {width: 84%;}
			.ratings .progress[data-progress="85"]:before {width: 85%;}
			.ratings .progress[data-progress="86"]:before {width: 86%;}
			.ratings .progress[data-progress="87"]:before {width: 87%;}
			.ratings .progress[data-progress="88"]:before {width: 88%;}
			.ratings .progress[data-progress="89"]:before {width: 89%;}
			.ratings .progress[data-progress="90"]:before {width: 90%;}
			.ratings .progress[data-progress="91"]:before {width: 91%;}
			.ratings .progress[data-progress="92"]:before {width: 92%;}
			.ratings .progress[data-progress="93"]:before {width: 93%;}
			.ratings .progress[data-progress="94"]:before {width: 94%;}
			.ratings .progress[data-progress="95"]:before {width: 95%;}
			.ratings .progress[data-progress="96"]:before {width: 96%;}
			.ratings .progress[data-progress="97"]:before {width: 97%;}
			.ratings .progress[data-progress="98"]:before {width: 98%;}
			.ratings .progress[data-progress="99"]:before {width: 99%;}
			.ratings .progress[data-progress="100"]:before {width: 100%;}

	.progress {
		border-color: var(--color-standard-10, rgba(246, 250, 255, 0.1));
		color: var(--color-standard, #eceeef);
	}

		.progress:before {
			background-color: rgba(246, 250, 255, 0.7);
		}

		.progress.temp:before {
			border-right: 1px solid rgba(246, 250, 255, 0.7);
			background-color: transparent;
		}

		.progress.afraid span {
			color: #7a16ff;
			color: #5323ff;
			color: var(--color-sleep, #7124ed);
			color: var(--color-afraid, #d524ed);
		}
		.progress.allies span {
			color: #2361ff;
			color: #243bed;
			color: var(--color-sleep, #7124ed);
			color: var(--color-allies, #1097ff);
		}
		.progress.trading span {
			color: #00ff92;
			color: var(--color-trading, #23ffc1);
		}
		.progress.friends span {
			color: #74ff00;
			color: #23ff53;
			color: var(--color-friends, #3ced24);
		}
		.progress.guarded span {
			color: #ffbf00;
			color: #ffc123;
			color: var(--color-guarded, #edd524);
		}
		.progress.hostile span {
			color: #ff9200;
			color: var(--color-hostile, #FF9919);
		}
		.progress.angry span {
			color: #ff4900;
			color: var(--color-angry, #ff5323);
		}
		.progress.war span {
			color: #ff004d;
			color: var(--color-war, #ff2361);
		}

.mark {
	position: relative;
}

	.mark:after {
		content: '';
		display: block;
		position: absolute;
		width: 0.25em;
		height: 0.25em;
		bottom: calc(100% - 0.125em + 1px);
		left: calc(-0.25em - 0.5px);
		border-left: solid 0.25em transparent;
		border-right: solid 0.25em transparent;
		border-top: solid 0.25em var(--color-standard, #eceeef);
		font-size: 0.8em;
		-moz-transform: translateY(-0.125rem);
		-webkit-transform: translateY(-0.125rem);
		-ms-transform: translateY(-0.125rem);
		transform: translateY(-0.125rem);
	}

	.mark:before {
		content: '';
		height: 2px;
		left: -1px;
		position: absolute;
		bottom: -4px;
		width: 1px;
		background-color: rgba(246, 250, 255, 0.7);
	}

			.ratings .progress[data-progress="0"] .mark {left: 0%;}
			.ratings .progress[data-progress="1"] .mark {left: 1%;}
			.ratings .progress[data-progress="2"] .mark {left: 2%;}
			.ratings .progress[data-progress="3"] .mark {left: 3%;}
			.ratings .progress[data-progress="4"] .mark {left: 4%;}
			.ratings .progress[data-progress="5"] .mark {left: 5%;}
			.ratings .progress[data-progress="6"] .mark {left: 6%;}
			.ratings .progress[data-progress="7"] .mark {left: 7%;}
			.ratings .progress[data-progress="8"] .mark {left: 8%;}
			.ratings .progress[data-progress="9"] .mark {left: 9%;}
			.ratings .progress[data-progress="10"] .mark {left: 10%;}
			.ratings .progress[data-progress="11"] .mark {left: 11%;}
			.ratings .progress[data-progress="12"] .mark {left: 12%;}
			.ratings .progress[data-progress="13"] .mark {left: 13%;}
			.ratings .progress[data-progress="14"] .mark {left: 14%;}
			.ratings .progress[data-progress="15"] .mark {left: 15%;}
			.ratings .progress[data-progress="16"] .mark {left: 16%;}
			.ratings .progress[data-progress="17"] .mark {left: 17%;}
			.ratings .progress[data-progress="18"] .mark {left: 18%;}
			.ratings .progress[data-progress="19"] .mark {left: 19%;}
			.ratings .progress[data-progress="20"] .mark {left: 20%;}
			.ratings .progress[data-progress="21"] .mark {left: 21%;}
			.ratings .progress[data-progress="22"] .mark {left: 22%;}
			.ratings .progress[data-progress="23"] .mark {left: 23%;}
			.ratings .progress[data-progress="24"] .mark {left: 24%;}
			.ratings .progress[data-progress="25"] .mark {left: 25%;}
			.ratings .progress[data-progress="26"] .mark {left: 26%;}
			.ratings .progress[data-progress="27"] .mark {left: 27%;}
			.ratings .progress[data-progress="28"] .mark {left: 28%;}
			.ratings .progress[data-progress="29"] .mark {left: 29%;}
			.ratings .progress[data-progress="30"] .mark {left: 30%;}
			.ratings .progress[data-progress="31"] .mark {left: 31%;}
			.ratings .progress[data-progress="32"] .mark {left: 32%;}
			.ratings .progress[data-progress="33"] .mark {left: 33%;}
			.ratings .progress[data-progress="34"] .mark {left: 34%;}
			.ratings .progress[data-progress="35"] .mark {left: 35%;}
			.ratings .progress[data-progress="36"] .mark {left: 36%;}
			.ratings .progress[data-progress="37"] .mark {left: 37%;}
			.ratings .progress[data-progress="38"] .mark {left: 38%;}
			.ratings .progress[data-progress="39"] .mark {left: 39%;}
			.ratings .progress[data-progress="40"] .mark {left: 40%;}
			.ratings .progress[data-progress="41"] .mark {left: 41%;}
			.ratings .progress[data-progress="42"] .mark {left: 42%;}
			.ratings .progress[data-progress="43"] .mark {left: 43%;}
			.ratings .progress[data-progress="44"] .mark {left: 44%;}
			.ratings .progress[data-progress="45"] .mark {left: 45%;}
			.ratings .progress[data-progress="46"] .mark {left: 46%;}
			.ratings .progress[data-progress="47"] .mark {left: 47%;}
			.ratings .progress[data-progress="48"] .mark {left: 48%;}
			.ratings .progress[data-progress="49"] .mark {left: 49%;}
			.ratings .progress[data-progress="50"] .mark {left: 50%;}
			.ratings .progress[data-progress="51"] .mark {left: 51%;}
			.ratings .progress[data-progress="52"] .mark {left: 52%;}
			.ratings .progress[data-progress="53"] .mark {left: 53%;}
			.ratings .progress[data-progress="54"] .mark {left: 54%;}
			.ratings .progress[data-progress="55"] .mark {left: 55%;}
			.ratings .progress[data-progress="56"] .mark {left: 56%;}
			.ratings .progress[data-progress="57"] .mark {left: 57%;}
			.ratings .progress[data-progress="58"] .mark {left: 58%;}
			.ratings .progress[data-progress="59"] .mark {left: 59%;}
			.ratings .progress[data-progress="60"] .mark {left: 60%;}
			.ratings .progress[data-progress="61"] .mark {left: 61%;}
			.ratings .progress[data-progress="62"] .mark {left: 62%;}
			.ratings .progress[data-progress="63"] .mark {left: 63%;}
			.ratings .progress[data-progress="64"] .mark {left: 64%;}
			.ratings .progress[data-progress="65"] .mark {left: 65%;}
			.ratings .progress[data-progress="66"] .mark {left: 66%;}
			.ratings .progress[data-progress="67"] .mark {left: 67%;}
			.ratings .progress[data-progress="68"] .mark {left: 68%;}
			.ratings .progress[data-progress="69"] .mark {left: 69%;}
			.ratings .progress[data-progress="70"] .mark {left: 70%;}
			.ratings .progress[data-progress="71"] .mark {left: 71%;}
			.ratings .progress[data-progress="72"] .mark {left: 72%;}
			.ratings .progress[data-progress="73"] .mark {left: 73%;}
			.ratings .progress[data-progress="74"] .mark {left: 74%;}
			.ratings .progress[data-progress="75"] .mark {left: 75%;}
			.ratings .progress[data-progress="76"] .mark {left: 76%;}
			.ratings .progress[data-progress="77"] .mark {left: 77%;}
			.ratings .progress[data-progress="78"] .mark {left: 78%;}
			.ratings .progress[data-progress="79"] .mark {left: 79%;}
			.ratings .progress[data-progress="80"] .mark {left: 80%;}
			.ratings .progress[data-progress="81"] .mark {left: 81%;}
			.ratings .progress[data-progress="82"] .mark {left: 82%;}
			.ratings .progress[data-progress="83"] .mark {left: 83%;}
			.ratings .progress[data-progress="84"] .mark {left: 84%;}
			.ratings .progress[data-progress="85"] .mark {left: 85%;}
			.ratings .progress[data-progress="86"] .mark {left: 86%;}
			.ratings .progress[data-progress="87"] .mark {left: 87%;}
			.ratings .progress[data-progress="88"] .mark {left: 88%;}
			.ratings .progress[data-progress="89"] .mark {left: 89%;}
			.ratings .progress[data-progress="90"] .mark {left: 90%;}
			.ratings .progress[data-progress="91"] .mark {left: 91%;}
			.ratings .progress[data-progress="92"] .mark {left: 92%;}
			.ratings .progress[data-progress="93"] .mark {left: 93%;}
			.ratings .progress[data-progress="94"] .mark {left: 94%;}
			.ratings .progress[data-progress="95"] .mark {left: 95%;}
			.ratings .progress[data-progress="96"] .mark {left: 96%;}
			.ratings .progress[data-progress="97"] .mark {left: 97%;}
			.ratings .progress[data-progress="98"] .mark {left: 98%;}
			.ratings .progress[data-progress="99"] .mark {left: 99%;}
			.ratings .progress[data-progress="100"] .mark {left: 100%;}

/* Signup Form */
	.signup-form {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		position: relative;
	}
		.signup-form input[type="text"],
		.signup-form input[type="password"],
		.signup-form input[type="email"],
		.signup-form input[type="submit"]		{
			line-height: 2.75em;
			font-size: 0.8em;
			height: 2.75em;
		}
		.signup-form > * {
			margin: 0 0 0 1em;
		}
		.signup-form > :first-child {
			margin: 0 0 0 0;
		}
		@media screen and (max-width: 480px) {
			.signup-form {
				-moz-flex-direction: column;
				-webkit-flex-direction: column;
				-ms-flex-direction: column;
				flex-direction: column;
			}
				.signup-form input[type="type"],
				.signup-form input[type="password"],
				.signup-form input[type="email"],
				.signup-form input[type="submit"] {
					width: 100%;
				}
				.signup-form > * {
					margin: 1.25em 0 0 0;
				}
				.signup-form .message {
					bottom: -1.5em;
					font-size: 0.9em;
					height: 1em;
					left: 0;
					line-height: inherit;
					margin-top: 0;
					position: absolute;
				}
		}		
		
/* Dialogs */		




	
			#dialog>.inner {
				max-width: 40em;
				padding: 0;
				position: relative;
			}	
			
				#dialog>.inner>.content {
					padding: 3em 3em 0 3em;
				}		
				
					#dialog>.inner>.content>:last-child {
						margin-bottom: 0;
					}				
				
				#dialog>.inner>.actions {
					margin-bottom: 0;
					padding: 2em 3em 3em 3em;
				}				
				
				#dialog>.inner>.notice {
					color: rgba(246,250,255,0.25);
					font-size: 0.8em;
					margin: -1.5em 0 0 0;
					padding: 0 3em 3em 3em;
				}	

				#dialog>.inner.alert:before, #dialog>.inner.alert:after {
					content: "";
					position: absolute;
					top: 0;
					bottom: 0;
					width: 100%;
					right: 100%;
					background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%2318191a' fill-opacity='0.25' fill-rule='evenodd'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E");
				}			

				#dialog>.inner.alert:after { 
				  left: 100%;
				}		

				#dialog.alert:before {
					content: "";
					position: absolute;
					top: 0;
					bottom: 0;
					right: 0;
					left: 0;
					width: 100%;
					background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ff2361' fill-opacity='0.25' fill-rule='evenodd'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E");
					background-image: linear-gradient(black, rgba(0,0,0,0.5), black), url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ff2361' fill-opacity='0.25' fill-rule='evenodd'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E");
					background-position: center center;
					-webkit-animation: scrollGood 5s linear infinite;
					animation: scrollGood 5s linear infinite;					
					width: 400%;
				}			

				@-webkit-keyframes scrollGood {
				  0% {
					-webkit-transform: translate3d(0, 0, 0);
							transform: translate3d(0, 0, 0);
				  }
				  100% {
					-webkit-transform: translate3d(-320px, 0, 0);
							transform: translate3d(-320px, 0, 0);
				  }
				}
				@keyframes scrollGood {
				  0% {
					-webkit-transform: translate3d(0, 0, 0);
							transform: translate3d(0, 0, 0);
				  }
				  100% {
					-webkit-transform: translate3d(-320px, 0, 0);
							transform: translate3d(-320px, 0, 0);
				  }
				}

			#dialog.wide>.inner {
				width: 90em;
				max-width: 100%;
			}					
					
		#dialog.pro {
			overflow-y: auto;
			overflow-x: hidden;
			-webkit-overflow-scrolling: touch;
		}		
		
			#dialog.pro>.inner {
				max-width: 78em;
				max-height: none;
				overflow: visible;
			}		
				
				#dialog.pro>.inner>.content {
					padding: 0;
				}		
								
				#dialog.pro>.inner>.actions {
					padding: 0 2.75em 3.25em 2.75em;
				}			

				#dialog.pro>.inner>.close>svg {
					fill: rgba(246,250,255,0.5);
				}				
	
	.modal {
		font-size: 12pt;
		-moz-align-items: center;
		-webkit-align-items: center;
		-ms-align-items: center;
		align-items: center;
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		-ms-justify-content: center;
		justify-content: center;
		pointer-events: none;
		-moz-transition: opacity .25s ease,visibility .25s;
		-webkit-transition: opacity .25s ease,visibility .25s;
		-ms-transition: opacity .25s ease,visibility .25s;
		transition: opacity .25s ease,visibility .25s;
		background-color: var(--color-black-quarter, rgba(0,0,0,0.25));
		height: 100%;
		left: 0;
		position: fixed;
		text-align: center;
		top: 0;
		width: 100%;
		z-index: 10001;
		visibility: hidden;
		opacity: 0;
		outline: 0;
	}

		.modal.alert {
			background-color: var(--color-black-seveneighths, rgba(0,0,0,0.875));
		}

		.modal.visible {
			pointer-events: auto;
			visibility: visible;
			opacity: 1;
		}
		
		.modal>.inner {
			-moz-transform: translateY(0.5em);
			-webkit-transform: translateY(0.5em);
			-ms-transform: translateY(0.5em);
			transform: translateY(0.5em);
			-moz-transition: -moz-transform .3125s ease,opacity .25s ease;
			-webkit-transition: -webkit-transform .3125s ease,opacity .25s ease;
			-ms-transition: -ms-transform .3125s ease,opacity .25s ease;
			transition: transform .3125s ease,opacity .25s ease;
			-moz-transition-delay: 0s;
			-webkit-transition-delay: 0s;
			-ms-transition-delay: 0s;
			transition-delay: 0s;
			padding: 2em 2em .1em 2em;
			opacity: 0;
			position: relative;
			/*background: #353642;*/
			background: var(--color-foreground-90, rgba(30, 31, 33, 0.9));
			color: var(--color-standard-75, rgba(246, 250, 255, 0.75));
			box-shadow: 0 0.25em 1em 0 var(--color-black-quarter, rgba(0,0,0,0.25));
			min-width: 24em;
			/*border-radius: 6px;*/
			max-height: calc(100vh - 6em);
			max-width: calc(100vw - 6em);
			overflow-y: auto;
			overflow-x: hidden;
			cursor: url('../images/cursor.png') 10 5, default;
			-webkit-overflow-scrolling: touch;
		}		
		
			.modal.visible>.inner {
				-moz-transform: translateY(0);
				-webkit-transform: translateY(0);
				-ms-transform: translateY(0);
				transform: translateY(0);
				opacity: 1;
			}		
			
		.modal>.inner>.close {
			-moz-transition: color .2s ease;
			-webkit-transition: color .2s ease;
			-ms-transition: color .2s ease;
			transition: color .2s ease;
			display: block;
			position: absolute;
			top: 0;
			right: 0;
			width: 3em;
			height: 3em;
			line-height: 3em;
			text-align: center;
			cursor: url('../images/cursor_link.png') 10 5, pointer;
			display: -moz-flex;
			display: -webkit-flex;
			display: -ms-flex;
			display: flex;
			-moz-align-items: center;
			-webkit-align-items: center;
			-ms-align-items: center;
			align-items: center;
			-moz-justify-content: center;
			-webkit-justify-content: center;
			-ms-justify-content: center;
			justify-content: center;
		}		

			.modal>.inner>.close>svg {
				-moz-transition: -moz-fill .2s ease;
				-webkit-transition: -webkit-fill .2s ease;
				-ms-transition: -ms-fill .2s ease;
				transition: fill .2s ease;
				width: 1.25em;
				height: 1.25em;
				fill: rgba(246,250,255,0.25);
				display: block;
			}

			.modal label {
				text-align: left;
			}	
		
	@media screen and (min-width: 1680px) {
		.modal {
			font-size: 15pt;
		}		
	}
	
	@media screen and (max-width: 736px) {
		
		.modal {
			font-size: 11pt;
		}		

			.modal>.inner {
				width: 100%;
				max-width: 100% !important;
				border-radius: 0;
			}

	}	
	
	@media screen and (max-width: 480px) {
		
		#dialog>.inner>.content {
			padding: 3em 2em 0 2em;
		}
		
			#dialog>.inner>.content h2 {
				text-align: left;
			}		
		
		#dialog>.inner>.actions {
			padding: 2em 2em 3em 2em;
		}		
		
		#dialog>.inner>.notice {
			padding: 0 2em 3em 2em;
		}		

	}		

/* Text Stats */

	ul.textstats {
		list-style: none;
		padding: 0;
	}
	
		ul.textstats li {
			display: -moz-flex;
			display: -webkit-flex;
			display: -ms-flex;
			display: flex;
			padding: 0;
		}	
	
		ul.textstats li:first-child {
			border-top: 0;
			margin-top: 0;
			padding-top: 0;
		}		
		
			ul.textstats li label {
				margin-bottom: 0;
				min-width: 8em;
				position: relative;
				width: 10%;
				-ms-flex: auto;
			}		
			
			ul.textstats li p {
				width: 90%;
				-ms-flex: auto;
				margin-bottom: 0;
				position: relative;
			}

				ul.textstats li p .swatch {
					margin-right: 1em;
					padding-left: 1.27em;
					font-size: 0.5em;
					vertical-align: middle;
					border: solid 1px rgba(246,250,255,0.1);
					filter: saturate(0.75);
					-webkit-filter: saturate(0.75);
				}

				ul.textstats li p .swatch.less-desat {
					filter: saturate(0.9);
					-webkit-filter: saturate(0.9);
				}

				ul.textstats li p .swatch-wrapper {
					display: inline-block;
					width: 7em;
				}

				ul.textstats li p .swatch:hover,
				ul.textstats li p .swatch-wrapper:hover .swatch {
					filter: saturate(1);
					-webkit-filter: saturate(1);
				}

			ul.textstats.wide li label {
				width: 30%;
			}

		ul.textstats.wide li p {
			width: 70%;
		}

		ul.textstats.wider li label {
			width: 40%;
		}

		ul.textstats.wider li p {
			width: 60%;
		}
		
	@media screen and (max-width: 736px)
	{
		ul.textstats li label {
		}
		
		ul.textstats li p {
		}		
	}		
			
		
	@media screen and (max-width: 480px)
	{
		ul.textstats li {
			-moz-flex-direction: column;
			-webkit-flex-direction: column;
			-ms-flex-direction: column;
			flex-direction: column;
			padding: 1em 0 0 0;
		}

		ul.textstats.nostack li {
			-moz-flex-direction: inherit;
			-webkit-flex-direction: inherit;
			-ms-flex-direction: inherit;
			flex-direction: inherit;
			padding: 0;
		}
		
			ul.textstats li label {
				width: 100%;
			}		
			
			ul.textstats li p {
				width: 100%;
			}			
	}		
	
/* Infoboxes */

	.infoboxes {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin: 0 0 1em 0;
		width: 100%;
	}

		.infoboxes div {
			-moz-flex-grow: 1;
			-webkit-flex-grow: 1;
			-ms-flex-grow: 1;
			flex-grow: 1;
			-moz-flex-shrink: 1;
			-webkit-flex-shrink: 1;
			-ms-flex-shrink: 1;
			flex-shrink: 1;
			/*text-transform: uppercase;*/
			text-align: center;
		}
		
			.infoboxes div:first-child {
				text-align: left;
			}

			.infoboxes div:last-child:not(:only-child) {
				text-align: right;
			}	

			.infoboxes div label,
			.infoboxes div p {
				margin-bottom: 0;
			}
			
		@media screen and (max-width: 980px) {


		}

		@media screen and (max-width: 480px) {

			.infoboxes:not(.nocollapse) {
				-moz-flex-direction: column;
				-webkit-flex-direction: column;
				-ms-flex-direction: column;
				flex-direction: column;
				-moz-align-items: -moz-flex-start;
				-webkit-align-items: -webkit-flex-start;
				-ms-align-items: -ms-flex-start;
				align-items: flex-start;
			}
			
			.infoboxes:not(.nocollapse) div {
				margin: 0 0 1em 0;
				width: 100%;
			}			
			
			.infoboxes:not(.nocollapse) div:last-child {
				text-align: left;
				margin-bottom: 0;
			}	

		}
		
/* Mail List */
	
	.mail-list {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin: 0 0 2em 0;
		width: 100%;
	}

		.mail-list div {
			width: 100%;
			margin-top: 1em;		
			-moz-flex-grow: 1;
			-webkit-flex-grow: 1;
			-ms-flex-grow: 1;
			flex-grow: 1;
			-moz-flex-shrink: 1;
			-webkit-flex-shrink: 1;
			-ms-flex-shrink: 1;
			flex-shrink: 1;		
			display: -moz-flex;
			display: -webkit-flex;
			display: -ms-flex;
			display: flex;	
			-moz-flex-wrap: wrap;
			-webkit-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;	
			height: 3.5em;
			border: var(--border-dark, solid 1px #2b2c2d);
			align-content: center;	
			-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
			-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
			-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
			transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
			position: relative;
			overflow: hidden;
		}

			.mail-list div:hover {
				/*border: solid 1px rgba(210, 213, 217, 0.5);*/
				background-color: var(--color-background-hover, rgba(0, 166, 217, 0.05));
				color: var(--color-primary, #24a0ed) !important;
			}			
		
			.mail-list div:nth-child(1) {
				margin-top: 0;
			}		
				
				.mail-list div .subject {
					-moz-flex-grow: 1;
					-webkit-flex-grow: 1;
					-ms-flex-grow: 1;
					flex-grow: 1;
					-moz-flex-shrink: 1;
					-webkit-flex-shrink: 1;
					-ms-flex-shrink: 1;
					flex-shrink: 1;		
				}				

				.mail-list div label,
				.mail-list div input {
					-moz-flex-grow: 0;
					-webkit-flex-grow: 0;
					-ms-flex-grow: 0;
					flex-grow: 0;
					-moz-flex-shrink: 0;
					-webkit-flex-shrink: 0;
					-ms-flex-shrink: 0;
					flex-shrink: 0;		
				}			
				
				.mail-list div .sender,
				.mail-list div .subject,
				.mail-list div label,
				.mail-list div .attachment {
					margin: 0;	
				}				
				
				.mail-list div input {
					margin-left: 2em;
				}				
					
				.mail-list div .sender,
				.mail-list div .subject {
					white-space: nowrap;
					overflow: hidden;	
				}					

				.mail-list div .sender {
					flex-basis: 160px;	
					margin-right: 1em;
				}					
				
				.mail-list div .subject {
					flex-basis: 320px;
					margin-right: 3em;				
				}	
				
					.mail-list div .subject .exerpt {
						opacity: 0.5;					
					}	
					
					.mail-list div .subject:last-child {
						margin-right: 1em;				
					}						
				
				.mail-list div .attachment {
					display: block;
					margin-right: 1em;
					position: absolute;
					right: 0;
					top: 0;
					line-height: 3.5em;					
				}	

				.mail-list div .attachment.received {
					opacity: 0.5;
				}					
				
				.mail-list div .attachment:before {
					content: "\f0c6";
					-moz-osx-font-smoothing: grayscale;
					-webkit-font-smoothing: antialiased;
					display: inline-block;
					font-style: normal;
					font-variant: normal;
					text-rendering: auto;
					line-height: 1;
					text-transform: none !important;
					font-family: 'Font Awesome 6 Pro';
					font-weight: 100;
					font-size: 1em;
					line-height: 1em;
				}					

					.mail-list div a:hover .icon {
						opacity: 1;
					}

			.mail-list div a:hover .name {
				color: var(--color-standard, #eceeef) !important;
				color: var(--color-primary, #24a0ed) !important;
			}

			.mail-list div a .desc {
				color: var(--color-standard-half, #eceeef80) !important;
				padding-right: 2em;
				margin: 0 0 0 96px;
			}			
				
	@media screen and (max-width: 736px)
	{
		.mail-list div .sender {
			flex-basis: 100px;	
		}	
		
		.mail-list div .subject {
			flex-basis: 200px;	
		}			
	}				
								
	@media screen and (max-width: 480px) {
		
			.mail-list div {
				height: 4.5em;
			}	
			
				.mail-list div input {
					margin: 0;
				}				
				
				.mail-list div input[type="checkbox"] + label:before {
					margin-top: 1em;
				}
				
				.mail-list div label {
					padding: 0;
				}	
				
				.mail-list div .sender,
				.mail-list div .subject {
					width: 100%;
					margin-left: 4em;					
				}
				
				.mail-list div .sender {
					margin-left: 3em;
				}			

					.mail-list div .subject .exerpt {
						display: none;			
					}			
		

	}		
	
	
/* Chat */

	.chatbox {
		
	}
	
		.chatbox .chat-container{
			display: flex;
			align-items: center;
			width: 100%;
			transition: all .5s;
			align-items: normal;
		}	
		
			.chatbox .chat-container .avatar{
				height: 2em;
				width: 2em;
				margin-right: 1.5em;
				display: flex;
				align-items: center;
				justify-content: center;
				overflow: hidden;
			}		
			
				.chatbox .chat-container .avatar img{
					height: 100%;
				}		

				.chatbox .chat-container .avatar.repeat{
					visibility: hidden;
					opacity: 0;
				}					

			.chatbox .chat-container .message{
				display: block;
				width: calc(100% - 3.5em);
				margin-bottom: 1em;
				padding: 0.5em 1em;
				background: rgba(246,250,255,0.5);		
				position: relative;
				/*border-radius: 0 16px 16px 16px;*/
				border: 1px solid var(--color-standard-20, rgba(246, 250, 255, 0.2));	
				background: var(--color-chat-message-bg, #292A2C);
				border: 1px solid var(--color-chat-message-border, #3B3C3E);
			}				
			
				.chatbox .chat-container .message:before {
					content: ' ';
					position: absolute;
					width: 0;
					height: 0;
					left: -8px;
					right: auto;
					top: -1px;
					bottom: auto;
					border: 7px solid;
					border-color: #3B3C3E transparent transparent transparent;
				}			
				
				.chatbox .chat-container .message:after {
					content: ' ';
					position: absolute;
					width: 0;
					height: 0;
					left: -6px;
					right: auto;
					top: 0px;
					bottom: auto;
					border: 6px solid;
					border-color: #292A2C transparent transparent transparent;	
				}	
				
			.chatbox .chat-container.player{
				flex-direction: row-reverse;
			}					
			
				.chatbox .chat-container.player .avatar{
					display: none;
				}				
			
				.chatbox .chat-container.player .message{
					background: var(--color-foreground-alt, #1a1b1d);
					width: calc(100% - 0.5em);
					width: 100%;
				}				
			
				.chatbox .chat-container.player .message:before {
					content: ' ';
					position: absolute;
					width: 0;
					height: 0;
					left: auto;
					right: -8px;
					top: -1px;
					bottom: auto;
					border: 7px solid;
					border-color: #3B3C3E transparent transparent transparent;
				}			
				
				.chatbox .chat-container.player .message:after {
					content: ' ';
					position: absolute;
					width: 0;
					height: 0;
					left: auto;
					right: -6px;
					top: 0px;
					bottom: auto;
					border: 6px solid;
					border-color: #1a1b1d transparent transparent transparent;	
				}			

			.chatbox.choices .chat-container.player{
				flex-direction: row-reverse;
			}					
			
				.chatbox.choices .chat-container.player .message{
					background: var(--color-foreground-alt, #1a1b1d);
					width: calc(100% - 0.5em);
					width: 100%;
					cursor: url('../images/cursor_link.png') 10 5, pointer;
				}				
				
				.chatbox.choices .chat-container.player:last-child .message{
					margin-bottom: 0;
				}					
			
				.chatbox.choices .chat-container.player .message:before {
					content: ' ';
					position: absolute;
					width: 0;
					height: 0;
					left: auto;
					right: -8px;
					top: -1px;
					bottom: auto;
					border: 7px solid;
					border-color: #3B3C3E transparent transparent transparent;
				}			
				
				.chatbox.choices .chat-container.player .message:after {
					content: ' ';
					position: absolute;
					width: 0;
					height: 0;
					left: auto;
					right: -6px;
					top: 0px;
					bottom: auto;
					border: 6px solid;
					border-color: #1a1b1d transparent transparent transparent;	
				}

				.chatbox.choices .chat-container.player .message:hover {
					background: var(--color-chat-message-bg-player-hover, #181F27);
					width: calc(100% - 0.5em);
					width: 100%;
					color: var(--color-primary, #24a0ed) !important;
					-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
					-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
					-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
					transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
				}				
			
				.chatbox.choices .chat-container.player .message:hover:before {
					content: ' ';
					position: absolute;
					width: 0;
					height: 0;
					left: auto;
					right: -8px;
					top: -1px;
					bottom: auto;
					border: 7px solid;
					border-color: #3B3C3E transparent transparent transparent;
				}			
				
				.chatbox.choices .chat-container.player .message:hover:after {
					content: ' ';
					position: absolute;
					width: 0;
					height: 0;
					left: auto;
					right: -6px;
					top: 0px;
					bottom: auto;
					border: 6px solid;
					border-color: #181F27 transparent transparent transparent;	
					-moz-transition: border-color 0.2s ease-in-out;
					-webkit-transition: border-color 0.2s ease-in-out;
					-ms-transition: border-color 0.2s ease-in-out;
					transition: border-color 0.2s ease-in-out;				
				}	
				
			.chatbox .chat-container .textline{
				display: block;
				width: 100%;
				margin-bottom: 0.75em;
				margin-top: -0.25em;
			}				
			
	.typing-wrapper {
		display: flex;
		justify-content: left;
		align-items: center;
		padding: 0.25em 0 0.25em 1em;
		margin: 0;
		overflow: hidden;			
	}
				
	.typing {
		position: relative;
		width: 4px;
		height: 4px;
		border-radius: 5px;
		background-color: rgba(246, 250, 255, 0);
		color: rgba(246, 250, 255, 0);
		animation: dotFlashing 1.4s infinite linear both;
		animation-delay: 0.2s;		
	}
					
		.typing::before, .typing::after {
			content: '';
			display: inline-block;
			position: absolute;
			top: 0;
		}					
		
		.typing::before {
			left: -12px;
			width: 4px;
			height: 4px;
			border-radius: 5px;
			background-color: rgba(246, 250, 255, 0);
			color: rgba(246, 250, 255, 0);
			animation: dotFlashing 1.4s infinite both;
			animation-delay: 0s;
		}			
		
		.typing::after {
			left: 12px;
			width: 4px;
			height: 4px;
			border-radius: 5px;
			background-color: rgba(246, 250, 255, 0);
			color: rgba(246, 250, 255, 0);
			animation: dotFlashing 1.4s infinite both;
			animation-delay: 0.4s;
		}	
		
		@keyframes dotFlashing {
		  0% {
			background-color: var(--color-standard-10, rgba(246, 250, 255, 0.1));
		  }
		  20% {
			background-color: var(--color-standard-75, rgba(246, 250, 255, 0.75));
		  }
		  100% {
			background-color: var(--color-standard-10, rgba(246, 250, 255, 0.1));
		  }
		}

	p.status:before,
	span.status:before {
		content: ' ';
		display: inline-block;
		width: 8px;
		height: 8px;
		margin-right: 8px;
		border-radius: 50%;
		filter: saturate(0.65);
		-webkit-filter: saturate(0.65);
		opacity: 0.5;
	}

		p.online:before,
		span.online:before {
			background-color: var(--color-online, #18F33E);
		}
		p.offline:before,
		span.offline:before {
			background-color: var(--color-offline, #3B3C3E);
		}
		p.away:before,
		span.away:before {
			background-color: var(--color-away, #FF9919);
		}
		p.busy:before,
		span.busy:before {
			background-color: var(--color-busy, #FF2A19);
		}

		.content-list > div a:hover .status:before,
		p.status:hover:before,
		span.status:hover:before {
			filter: saturate(1);
			-webkit-filter: saturate(1);
			opacity: 1;
		}
	
/* Calendar */

	.calendar-container {
		-webkit-overflow-scrolling: touch;
		overflow-x: auto;
	}	
	
	.calendar-header {
	  text-align: center;
	}
		.calendar-header h2 {
		  margin: 0;
		}
		.calendar-header p {
			font-size: 1em;
			letter-spacing: 0.075em;
			margin-top: -0.5em !important;
			text-transform: uppercase;
		}	
	
	.calendar {
		display: grid;
		width: 100%;
		grid-template-columns: repeat(7, minmax(30px, 1fr));
		grid-template-rows: 40px;
		grid-auto-rows: 120px;
		overflow: auto;
	}	
	
	.day-name {
		font-size: 0.8em;
		text-transform: uppercase;
		text-align: center;
		border-bottom: 1px solid var(--color-border, #2b2c2d);
		color: var(--color-standard-50, rgba(246, 250, 255, 0.5));
	}	
	
	.day {
	  border-bottom: 1px solid var(--color-border, #2b2c2d);
	  border-right: 1px solid var(--color-border, #2b2c2d);
	  color: var(--color-standard-50, rgba(246, 250, 255, 0.5));
	  text-align: right;
	  padding: 0.5em 1em;
	  font-size: 0.8em;
	  box-sizing: border-box;
	  position: relative;
	  pointer-events: none;
	  z-index: 1;
	}
	.day:nth-of-type(7n + 7) {
	  border-right: 0;
	}
	.day:nth-of-type(n + 1):nth-of-type(-n + 7) {
	  grid-row: 2;
	}
	.day:nth-of-type(n + 8):nth-of-type(-n + 14) {
	  grid-row: 3;
	}
	.day:nth-of-type(n + 15):nth-of-type(-n + 21) {
	  grid-row: 4;
	}
	.day:nth-of-type(n + 22):nth-of-type(-n + 28) {
	  grid-row: 5;
	}
	.day:nth-of-type(n + 29):nth-of-type(-n + 35) {
	  grid-row: 6;
	}
	.day:nth-of-type(7n + 1) {
	  grid-column: 1/1;
	  border-left: 1px solid var(--color-border, #2b2c2d);
	}
	.day:nth-of-type(7n + 2) {
	  grid-column: 2/2;
	}
	.day:nth-of-type(7n + 3) {
	  grid-column: 3/3;
	}
	.day:nth-of-type(7n + 4) {
	  grid-column: 4/4;
	}
	.day:nth-of-type(7n + 5) {
	  grid-column: 5/5;
	}
	.day:nth-of-type(7n + 6) {
	  grid-column: 6/6;
	}
	.day:nth-of-type(7n + 7) {
	  grid-column: 7/7;
	  border-right: 1px solid var(--color-border, #2b2c2d);
	}	
	
	.day.disabled {
		background-color: var(--color-foreground, #1e1f21);
		background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%232b2c2d40' fill-opacity='1' fill-rule='evenodd'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E");
		cursor: url('../images/cursor_no.png') 16 16, not-allowed;
	}	
	
	.day.notext {
		color: transparent;
	}	
	
	.event {
	  border-left-width: 2px;
	  padding: 0 0.75em;
	  margin: 1em;
	  border-left-style: solid;
	  position: relative;
	  cursor: url('../images/cursor_link.png') 10 5, pointer;
	  z-index: 1;
	}
	.event.warning {
	  border-left-color: var(--color-warning, #ff2361);
	  grid-column: 4 / span 3;
	  grid-row: 3;
	  background: var(--color-warning-bg, #ff236140);
	  align-self: center;
	  color: var(--color-warning, #ff2361);
	  margin-top: 0.25em;
	}
	.event.danger {
	  border-left-color: var(--color-danger, #FF9919);
	  grid-column: 2 / span 3;
	  grid-row: 3;
	  margin-top: 15px;
	  background: var(--color-danger-bg, #FF991940);
	  align-self: end;
	  color: var(--color-danger, #FF9919);
	}
	.event.info {
	  border-left-color: var(--color-standard-20, rgba(246, 250, 255, 0.2));
	  grid-column: 6 / span 2;
	  grid-row: 5;
	  background: var(--color-standard-125, rgba(246,250,255,0.125));
	  align-self: end;
	  color: var(--color-standard, #eceeef);
	}
		.event.primary {
			border-left-color: var(--color-primary, #24a0ed);
			background: var(--color-primary-quarter, #24a0ed40);
			grid-column: 3 / span 3;
			grid-row: 4;
			align-self: end;
			color: var(--color-primary, #24a0ed);
		}
	.event.detail {
	  position: absolute;
	  left: 0;
	  top: calc(100% + 10px);
		border: 1px solid var(--color-border, #2b2c2d);
		background: var(--color-border-alt, #13151b);
		color: var(--color-standard-75, rgba(246, 250, 255, 0.75));
	  padding: 20px;
	  box-sizing: border-box;
	  border-radius: 4px;
	  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
	  z-index: 2;
	}
	.event.detail:after, .event.detail:before {
	  bottom: 100%;
	  left: 30%;
	  border: solid transparent;
	  content: " ";
	  height: 0;
	  width: 0;
	  position: absolute;
	  pointer-events: none;
	}
	.event.detail:before {
	  border-bottom-color: var(--color-border, #2b2c2d);
	  border-width: 8px;
	  margin-left: -8px;
	}
	.event.detail:after {
	  border-bottom-color: var(--color-border-alt, #13151b);
	  border-width: 6px;
	  margin-left: -6px;
	}
	.event.detail h2 {
	  font-size: 1em;
	  margin: 0;
	}
	.event.detail p {
	  margin-top: 0.5em;
	  font-size: 0.8em;
	  margin-bottom: 0;
	}
	
	.event.striped {
		background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%2318191a' fill-opacity='0.25' fill-rule='evenodd'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E");
	}
	
/* Schedule */

	.schedule-container {
		-webkit-overflow-scrolling: touch;
		/*overflow-x: auto;*/
	}	
	
	.schedule-header {
	  text-align: left;
	}
		.schedule-header h2 {
		  margin: 0;
		}
		.schedule-header p {
			font-size: 1em;
			letter-spacing: 0.075em;
			margin-top: -0.5em !important;
			text-transform: uppercase;
		}	
	
	.schedule {
		display: grid;
		width: 100%;
		grid-template-columns: repeat(96, minmax(12px, 1fr));
		grid-template-rows: 30px;
		grid-auto-rows: 80px;
		overflow: auto;
	}

	.hour-name {
		font-size: 0.8em;
		text-transform: uppercase;
		/*text-align: center;*/
		border-bottom: 1px solid var(--color-border, #2b2c2d);
		color: rgba(246, 250, 255, 0.375);
		grid-column: span 4;
	}

	.hour {
		border-bottom: 1px solid var(--color-border, #2b2c2d);
		border-right: 1px solid var(--color-border, #2b2c2d);
		color: var(--color-standard-50, rgba(246, 250, 255, 0.5));
		text-align: right;
		font-size: 0.8em;
		box-sizing: border-box;
		position: relative;
		pointer-events: none;
		z-index: 1;
		grid-row: 2;
		color: transparent;
		grid-column: span 4;
	}
	
	.hour:nth-of-type(24n + 1) {
	  border-left: 1px solid var(--color-border, #2b2c2d);
	}

	.quarter-hour {
		border-right: 1px solid var(--color-border-half, #2b2c2d80);
		height: 100%;
		width: 25%;
		display: inline-block;
	}

	.quarter-hour:last-child {
		border-right: none;
	}
	
		
	.hour.disabled {
		background-color: var(--color-foreground, #1e1f21);
		background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%232b2c2d40' fill-opacity='1' fill-rule='evenodd'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E");
		cursor: url('../images/cursor_no.png') 16 16, not-allowed;
	}	
	
	.hour.notext {
		color: transparent;
	}	
	
		.hour:nth-of-type(24n + 1) {
		  grid-column: 1 / span 4;
		}
		.hour:nth-of-type(24n + 2) {
			grid-column: 5 / span 4;
		}
		.hour:nth-of-type(24n + 3) {
			grid-column: 9 / span 4;
		}
		.hour:nth-of-type(24n + 4) {
			grid-column: 13 / span 4;
		}
		.hour:nth-of-type(24n + 5) {
			grid-column: 17 / span 4;
		}
		.hour:nth-of-type(24n + 6) {
			grid-column: 21 / span 4;
		}
		.hour:nth-of-type(24n + 7) {
			grid-column: 25 / span 4;
		}
		.hour:nth-of-type(24n + 8) {
			grid-column: 29 / span 4;
		}
		.hour:nth-of-type(24n + 9) {
			grid-column: 33 / span 4;
		}
		.hour:nth-of-type(24n + 10) {
			grid-column: 37 / span 4;
		}
		.hour:nth-of-type(24n + 11) {
			grid-column: 41 / span 4;
		}
		.hour:nth-of-type(24n + 12) {
			grid-column: 45 / span 4;
		}
		.hour:nth-of-type(24n + 13) {
			grid-column: 49 / span 4;
		}
		.hour:nth-of-type(24n + 14) {
			grid-column: 53 / span 4;
		}
		.hour:nth-of-type(24n + 15) {
			grid-column: 57 / span 4;
		}
		.hour:nth-of-type(24n + 16) {
			grid-column: 61 / span 4;
		}
		.hour:nth-of-type(24n + 17) {
			grid-column: 65 / span 4;
		}
		.hour:nth-of-type(24n + 18) {
			grid-column: 69 / span 4;
		}
		.hour:nth-of-type(24n + 19) {
			grid-column: 73 / span 4;
		}
		.hour:nth-of-type(24n + 20) {
			grid-column: 77 / span 4;
		}
		.hour:nth-of-type(24n + 21) {
			grid-column: 81 / span 4;
		}
		.hour:nth-of-type(24n + 22) {
			grid-column: 85 / span 4;
		}
		.hour:nth-of-type(24n + 23) {
			grid-column: 89 / span 4;
		}
		.hour:nth-of-type(24n + 24) {
			grid-column: 93 / span 4;
		}	
	
	.schedule .event {
	  border-left-color: var(--color-standard-20, rgba(246, 250, 255, 0.2));
	  background: var(--color-standard-125, rgba(246,250,255,0.125));
	  color: var(--color-standard, #eceeef);
	  margin: 0.5em;
	  margin: 0;
	  font-size: 0.7em;
	  padding: 0 0.5em;
	}	
	
	.schedule .event {
	  grid-row: 2;
	}	
	
	.schedule .event.striped {
		background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%2318191a' fill-opacity='0.25' fill-rule='evenodd'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E");
	}	
	
	.event.loop {
	  border-left: none !important;
	}	
	
	.event.sleep {
	  grid-column: 1 / span 28;
	}	
	
	.event.sleep.evening {
	  grid-column: 93 / span 4;
	}	

	.event.hygiene {
	  grid-column: 29 / span 4;
	}	
	
	.event.hygiene.evening {
	  grid-column: 89 / span 4;
	}	
	
	.event.meal {
	  grid-column: 33 / span 4;
	}	
	
	.event.meal.midday {
	  grid-column: 49 / span 4;
	}		
	
	.event.meal.evening {
	  grid-column: 69 / span 4;
	}	
	
	.event.onduty {
	  grid-column: 37 / span 12;
	}	
	
	.event.onduty.evening {
	  grid-column: 53 / span 12;
	}		
	
	.event.exercise {
	  grid-column: 65 / span 4;
	}		
	
	.event.leisure {
	  grid-column: 73 / span 16;
	}

	.event.sleep.alt {
		grid-column: 1 / span 8;
	}

	.event.sleep.evening.alt {
		grid-column: 73 / span 24;
	}

	.event.hygiene.alt {
		grid-column: 9 / span 4;
	}

	.event.hygiene.evening.alt {
		grid-column: 69 / span 4;
	}

	.event.meal.alt {
		grid-column: 13 / span 4;
	}

	.event.meal.midday.alt {
		grid-column: 29 / span 4;
	}

	.event.meal.evening.alt {
		grid-column: 49 / span 4;
	}

	.event.onduty.alt {
		grid-column: 17 / span 12;
	}

	.event.onduty.evening.alt {
		grid-column: 33 / span 12;
	}

	.event.exercise.alt {
		grid-column: 45 / span 4;
	}

	.event.leisure.alt {
		grid-column: 53 / span 16;
	}

	.event.strike {
		grid-column: 1 / span 96;
	}

	.event.sleep {
		background: var(--color-sleep-bg, #7124ed40);
	}

	.event.hygiene {
		background: var(--color-hygiene-bg, #d524ed40);
	}

	.event.meal {
		background: var(--color-meal-bg, #ed712440);
	}

	.event.onduty {
		/*border-left-color: #24a0ed;*/
		background: var(--color-primary-quarter, #24a0ed40);
		/*color: #24a0ed;*/
	}

	.event.exercise {
		background: var(--color-exercise-bg, #ed243c40);
	}

	.event.leisure {
		background: var(--color-leisure-bg, #3ced2440);
	}

	.event.strike {
		background: var(--color-strike-bg, #edd52440);
	}

	.event.grey {
		background: var(--color-standard-125, rgba(246,250,255,0.125));
	}

	.now {
		height: calc(100% + 2px);
		width: 2px;
		background-color: var(--color-standard, #eceeef);
		margin-top: calc(-1.5em - 2px);
		left: 25%;
		box-shadow: 0 0 1px 2px #000;
		position: absolute;
		bottom: 0;
	}
	
	.now:after {
		content: '';
		display: block;
		position: absolute;
		width: 0.35em;
		height: 0.35em;
	
		bottom: calc(100% - 0.125em + 1px);
		left: calc(-0.35em + 1px);
		border-left: solid 0.35em transparent;
		border-right: solid 0.35em transparent;
		border-top: solid 0.35em var(--color-border-alt, #13151b);
		border-top: solid 0.35em var(--color-standard, #eceeef);
		font-size: 0.8em;		
		
		-moz-transform: translateY(-0.25rem);
		-webkit-transform: translateY(-0.25rem);
		-ms-transform: translateY(-0.25rem);
		transform: translateY(-0.25rem);		
	}

	.schedule .event .handle {
		height: calc(100% + 2px);
		width: 4px;
		margin-top: -2px;
		left: -3px;
		cursor: url('../images/cursor_ew.png') 16 16, ew-resize;
		display: inline;
		position: absolute;
	}

	.grip {
		left: 50%;
		transform: translate(-50%);
		position: absolute;
		bottom: 0;
		opacity: 0;
		transition: 0.70s;
		-webkit-transition: 0.70s;
		-moz-transition: 0.70s;
		-ms-transition: 0.70s;
		-o-transition: 0.70s;
		cursor: url('../images/cursor_grab.png') 16 16, grab;
	}

		.grip:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			display: inline-block;
			font-style: normal;
			font-variant: normal;
			text-rendering: auto;
			line-height: 1;
			text-transform: none !important;
			font-family: 'Font Awesome 6 Pro';
			font-weight: 100;
		}

		.grip:before {
			content: "\f58d";
		}

		.event:hover .grip {
			opacity: 0.5;
			transition: 0.70s;
			-webkit-transition: 0.70s;
			-moz-transition: 0.70s;
			-ms-transition: 0.70s;
			-o-transition: 0.70s;
		}

	.grab {
		cursor: url('../images/cursor_grab.png') 16 16, grab;
	}

	.grabbing {
		cursor: url('../images/cursor_grabbing.png') 16 16, grabbing;
	}

	.paint {
		cursor: url('../images/cursor_special.png') 10 5, pointer;
	}

		.paint.blue,
		.paint.onduty {
			cursor: url('../images/cursor_paint_blue.png') 10 5, pointer;
		}

		.paint.green,
		.paint.leisure {
			cursor: url('../images/cursor_paint_green.png') 10 5, pointer;
		}

		.paint.magenta,
		.paint.hygiene {
			cursor: url('../images/cursor_paint_magenta.png') 10 5, pointer;
		}

		.paint.orange,
		.paint.meal {
			cursor: url('../images/cursor_paint_orange.png') 10 5, pointer;
		}

		.paint.purple,
		.paint.sleep {
			cursor: url('../images/cursor_paint_purple.png') 10 5, pointer;
		}

		.paint.red,
		.paint.exercise {
			cursor: url('../images/cursor_paint_red.png') 10 5, pointer;
		}

		.paint.yellow {
			cursor: url('../images/cursor_paint_yellow.png') 10 5, pointer;
		}

	.paint-select.sleep {
		background: #7124ed10;
	}

	.paint-select.hygiene {
		background: #d524ed10;
	}

	.paint-select.meal {
		background: #ed712410;
	}

	.paint-select.onduty {
		background: var(--color-primary-sixteenth, #24a0ed10);
	}

	.paint-select.exercise {
		background: #ed243c10;
	}

	.paint-select.leisure {
		background: #3ced2410;
	}

	.radio-switch.field > li.paint-select.sleep > input:checked + label {
		box-shadow: 0 0 0 1px var(--color-sleep, #7124ed);
		background: var(--color-sleep-bg, #7124ed40);
	}

	.radio-switch.field > li.paint-select.hygiene > input:checked + label {
		box-shadow: 0 0 0 1px var(--color-afraid, #d524ed);
		background: var(--color-hygiene-bg, #d524ed40);
	}

	.radio-switch.field > li.paint-select.meal > input:checked + label {
		box-shadow: 0 0 0 1px var(--color-meal, #ed7124);
		background: var(--color-meal-bg, #ed712440);
	}

	.radio-switch.field > li.paint-select.onduty > input:checked + label {
		box-shadow: 0 0 0 1px var(--color-primary, #24a0ed);
		background: var(--color-primary-quarter, #24a0ed40);
	}

	.radio-switch.field > li.paint-select.exercise > input:checked + label {
		box-shadow: 0 0 0 1px var(--color-exercise, #ed243c);
		background: var(--color-exercise-bg, #ed243c40);
	}

	.radio-switch.field > li.paint-select.leisure > input:checked + label {
		box-shadow: 0 0 0 1px var(--color-friends, #3ced24);
		background: var(--color-leisure-bg, #3ced2440);
	}
	
	
/* Inventory */

	.inventory-wrapper {
		-webkit-overflow-scrolling: touch;
		overflow-x: auto;		
	}

	.inventory {
		display: grid;
		width: 100%;
		grid-template-columns: repeat(16, minmax(80px, 1fr));
		grid-template-rows: 80px;
		grid-auto-rows: 80px;
		grid-row-gap: 0.5em;
		grid-column-gap: 0.5em;
		/*overflow: auto;*/
	}

		.inventory .slot {
			border: var(--border-standard, 1px solid rgba(246,250,255,0.125));
			text-align: center;
			/*padding: 0.5em 1em;*/
			font-size: 0.8em;
			box-sizing: border-box;
			position: relative;
			cursor: url('../images/cursor_link.png') 10 5, pointer;
		}

			.inventory .slot .inner {
				margin: 0.5em auto 0 auto;
			}

			.inventory .slot .icon {
				max-height: 48px;
				max-width: 48px;
				-moz-transition: opacity .15s ease-in-out;
				-webkit-transition: opacity .15s ease-in-out;
				-ms-transition: opacity .15s ease-in-out;
				transition: opacity .15s ease-in-out;
				opacity: 0.5;
			}

			.inventory .slot:hover .icon,
			.inventory .slot.selected .icon {
				opacity: 1;
			}

			.inventory .slot .qty {
				margin-left: 0;
				margin-top: -0.5em;
				margin-bottom: 0;
				-moz-transition: color .15s ease-in-out;
				-webkit-transition: color .15s ease-in-out;
				-ms-transition: color .15s ease-in-out;
				transition: color .15s ease-in-out;
				color: var(--color-standard-50, rgba(246, 250, 255, 0.5));
			}

			.inventory .slot:hover .qty,
			.inventory .slot.selected .qty {
				color: var(--color-standard, #eceeef) !important;
			}

			.inventory .slot.add,
			.inventory .slot.empty {
				border: 1px solid var(--color-border, #2b2c2d);
				background-size: contain;
				background-position: center;
				background-repeat: no-repeat;
				-moz-transition: opacity .15s ease-in-out;
				-webkit-transition: opacity .15s ease-in-out;
				-ms-transition: opacity .15s ease-in-out;
				transition: opacity .15s ease-in-out;
			}

			.inventory .slot.empty {
				background-image: url(../images/empty.png);
				opacity: 0.25;
			}

				.inventory .slot.empty:hover,
				.inventory .slot.empty.selected {
					opacity: 0.5;
				}

			.inventory .slot.add {
				background-image: url(../images/add.png);
				opacity: 0.25;
			}

				.inventory .slot.add:hover,
				.inventory .slot.add.selected {
					opacity: 0.5;
				}


			.inventory .slot:hover,
			.inventory .slot.selected {
				border: var(--border-standard-hover, 1px solid rgba(246,250,255,0.25));
			}

			.inventory .slot.lego {
				border: 1px solid #FFB24A40;
			}

				.inventory .slot.lego:hover,
				.inventory .slot.lego.selected {
					border: 1px solid #FFB24A80;
				}

			.inventory .slot.epic {
				border: 1px solid #FF4AFF40;
			}

				.inventory .slot.epic:hover,
				.inventory .slot.epic.selected {
					border: 1px solid #FF4AFF80;
				}

			.inventory .slot.rare {
				border: 1px solid #56B6FF40;
			}

				.inventory .slot.rare:hover,
				.inventory .slot.rare.selected {
					border: 1px solid #56B6FF80;
				}

		.inventory .slot {
			transition: .25s linear;
		}

			.inventory .slot:before, .inventory .slot:after {
				position: absolute;
				bottom: -1px;
				content: '';
				width: 4px;
				height: 4px;
				display: inline-block;
			}

			.inventory .slot:before {
				border-left: var(--border-inv, solid 1px #eceeef40);
				border-bottom: var(--border-inv, solid 1px #eceeef40);
				left: -1px;
			}

			.inventory .slot:after {
				content: '';
				border-right: var(--border-inv, solid 1px #eceeef40);
				border-bottom: var(--border-inv, solid 1px #eceeef40);
				right: -1px;
			}

			.inventory .slot:hover:before, .inventory .slot:hover:after,
			.inventory .slot:focus:before, .inventory .slot:focus:after {
				-moz-animation: grow 0.25s;
				-webkit-animation: grow 0.25s;
				-ms-animation: grow 0.25s;
				animation: grow 0.25s;
				width: 8px;
				height: 8px;
			}

		.inventory .slot .inner {
			transition: .25s linear;
		}

			.inventory .slot .inner:before, .inventory .slot .inner:after {
				position: absolute;
				top: -1px;
				content: '';
				width: 4px;
				height: 4px;
				display: inline-block;
			}

			.inventory .slot .inner:before {
				border-left: var(--border-inv, solid 1px #eceeef40);
				border-top: var(--border-inv, solid 1px #eceeef40);
				left: -1px;
			}

			.inventory .slot .inner:after {
				content: '';
				border-top: var(--border-inv, solid 1px #eceeef40);
				border-right: var(--border-inv, solid 1px #eceeef40);
				right: -1px;
			}

			.inventory .slot .inner:hover:before, .inventory .slot .inner:hover:after,
			.inventory .slot .inner:focus:before, .inventory .slot .inner:focus:after {
				-moz-animation: grow 0.25s;
				-webkit-animation: grow 0.25s;
				-ms-animation: grow 0.25s;
				animation: grow 0.25s;
				width: 8px;
				height: 8px;
			}


	@media screen and (max-width: 1680px)
	{
		.inventory {
			grid-template-columns: repeat(12, minmax(64px, 1fr));	
		}

			.inventory .slot .qty {
				margin-top: -0.25em;
			}		
		
	}		
	
	@media screen and (max-width: 1280px)
	{
		.inventory {
			grid-template-columns: repeat(12, minmax(64px, 1fr));	
		}			
	}		
	
	@media screen and (max-width: 960px)
	{
		.inventory {
			grid-template-columns: repeat(8, minmax(64px, 1fr));	
		}			
	}		

	@media screen and (max-width: 736px)
	{
		.inventory {
			grid-template-columns: repeat(8, minmax(64px, 1fr));
			grid-template-rows: 64px;
			grid-auto-rows: 64px;			
		}

			.inventory .slot .icon {
				max-height: 32px;
				max-width: 32px;
			}

			.inventory .slot .qty {
				margin-left: 0;
				margin-top: 0;
			}			
	}				
								
	@media screen and (max-width: 480px) 
	{		
		.inventory {
			grid-template-columns: repeat(6, minmax(48px, 1fr));
			grid-template-rows: 48px;
			grid-auto-rows: 48px;			
		}

			.inventory .slot .icon {
				max-height: 24px;
				max-width: 24px;
			}

			.inventory .slot .qty {
				margin-left: -0.5em;
				margin-top: -0.5em;
			}			
	}

	@media screen and (max-width: 360px) {
		.inventory {
			grid-template-columns: repeat(4, minmax(48px, 1fr));
		}
	}

/* Icon List */

.icon-list-wrapper {
	-webkit-overflow-scrolling: touch;
	overflow-x: auto;
	margin-bottom: 1em;
}

.icon-list {
	display: grid;
	width: 100%;
	grid-template-columns: repeat(16, minmax(80px, 1fr));
	grid-template-rows: 80px;
	grid-auto-rows: 80px;
	grid-row-gap: 0.5em;
	grid-column-gap: 0.5em;
	/*overflow: auto;*/
	margin-bottom: 1em;
}

	.icon-list.alt {
		grid-template-rows: auto;
		grid-auto-rows: auto;
	}

	.icon-list.qty-only {
		grid-template-columns: repeat(16, minmax(64px, 1fr));
		grid-template-rows: 64px;
		grid-auto-rows: 64px;
	}

	.icon-list .slot {
		border: 1px solid var(--color-standard-20, rgba(246, 250, 255, 0.2));
		text-align: center;
		padding: 0.5em;
		font-size: 0.8em;
		box-sizing: border-box;
		position: relative;
		cursor: url('../images/cursor_link.png') 10 5, pointer;
	}

		.icon-list .slot.elevated {
			box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.4), 0px 2px 5px 0px rgba(0, 0, 0, 0.28), 0px 2px 7px 0px rgba(0,0,0,.24);
		}

		.icon-list .slot.dashed {
			border: 1px dashed var(--color-standard-20, rgba(246, 250, 255, 0.2));
		}		

		.icon-list .slot a {
			display: block;
			position: relative;
			outline: 0;
			border: 0;
			overflow: hidden;
		}


		.icon-list .slot .icon {
			max-height: 48px;
			max-width: 48px;
			min-height: 48px;
			min-width: 48px;
			-moz-transition: opacity .15s ease-in-out;
			-webkit-transition: opacity .15s ease-in-out;
			-ms-transition: opacity .15s ease-in-out;
			transition: opacity .15s ease-in-out;
			opacity: 0.5;
		}

		.icon-list .slot .image {
			max-height: 20px;
			max-width: 48px;
			min-height: 20px;
			min-width: 48px;
			-moz-transition: opacity .15s ease-in-out;
			-webkit-transition: opacity .15s ease-in-out;
			-ms-transition: opacity .15s ease-in-out;
			transition: opacity .15s ease-in-out;
			opacity: 0.5;
		}

			.icon-list.textures .slot .image {
				max-height: 24px;
				min-height: inherit;
				min-width: inherit;
			}

		.icon-list .slot:hover .icon,
		.icon-list .slot.selected .icon,
		.icon-list .slot:hover .image,
		.icon-list .slot.selected .image {
			opacity: 1;
		}

		.icon-list .slot .name,
		.icon-list .slot .desc,
		.icon-list .slot .cat,
		.icon-list .slot .type {
			margin-left: 0;
			margin-top: -0.5em;
			margin-bottom: 0;
			-moz-transition: color .15s ease-in-out;
			-webkit-transition: color .15s ease-in-out;
			-ms-transition: color .15s ease-in-out;
			transition: color .15s ease-in-out;
			color: var(--color-standard-50, rgba(246, 250, 255, 0.5));
			text-overflow: ellipsis;
			white-space: nowrap;
			overflow: hidden;
		}

		.icon-list .slot .desc,
		.icon-list .slot .cat,
		.icon-list .slot .type {
			font-size: 0.8em;
			color: var(--color-standard-25, rgba(246, 250, 255, 0.25));
		}

		.icon-list.alt .slot .desc,
		.icon-list.alt .slot .cat,
		.icon-list.alt .slot .type {
			margin-bottom: -0.25em;
		}

		.icon-list .slot:hover .name {
			color: var(--color-standard, #eceeef) !important;
		}

		.icon-list .slot:hover .desc,
		.icon-list .slot:hover .cat,
		.icon-list .slot:hover .type,
		.icon-list .slot.selected .desc,
		.icon-list .slot.selected .cat,
		.icon-list .slot.selected .type {
			color: rgba(246, 250, 255, 0.5) !important;
		}

	.icon-list .slot .qty {
		position: absolute;
		bottom: 0;
		right: 0;
		margin: 0;
		padding: 0 0.375em;
		line-height: 1.375em;
		letter-spacing: 0.05em;
		color: var(--color-standard-75, rgba(246, 250, 255, 0.75));
		background-color: var(--color-foreground-threeeights, #1e1f2060);
	}

		.icon-list .slot.selected {
			background-color: var(--color-background-active, rgba(0, 166, 217, 0.15));
			box-shadow: var(--ui-glow--faded);
		}

		.icon-list .slot.lego.selected {
			background-color: var(--color-lego-bg-selected, rgba(255, 197, 88, 0.15));
			box-shadow: var(--ui-glow-lego);
		}

		.icon-list .slot.epic.selected {
			background-color: var(--color-epic-bg-selected, rgba(184, 93, 242, 0.15));
			box-shadow: var(--ui-glow-epic);
		}

		.icon-list .slot.rare.selected {
			background-color: var(--color-rare-bg-selected, rgba(99, 147, 241, 0.15));
			box-shadow: var(--ui-glow-rare);
		}

	.icon-list .slot:hover .qty,
	.icon-list .slot.selected .qty {
		color: var(--color-standard, #eceeef) !important;
		background-color: var(--color-foreground-half, #1e1f2080);
	}

	.icon-list .slot.selected .name {
		/*color: #24a0ed !important;*/
		color: var(--color-standard, #eceeef) !important;
	}

	.icon-list .slot.locked,
	.icon-list .slot.empty {
		border: 1px solid var(--color-border, #2b2c2d);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		-moz-transition: opacity .15s ease-in-out;
		-webkit-transition: opacity .15s ease-in-out;
		-ms-transition: opacity .15s ease-in-out;
		transition: opacity .15s ease-in-out;
	}

		.icon-list .slot.locked {
			opacity: 0.5;
		}

		.icon-list .slot.empty {
			background-image: url(../images/empty.png);
		}

		.icon-list .slot.locked:hover,
		.icon-list .slot.locked.selected {
			opacity: 1;
		}


	.icon-list .slot:hover {
		background-color: var(--color-background-active-half, rgba(0, 166, 217, 0.075));
		border: var(--border-standard-hover, 1px solid rgba(246,250,255,0.25));
		/*background: linear-gradient(0deg, rgba(0, 166, 217,0.25) 0%, rgba(0, 166, 217,0) 62%);
		border-bottom: 1px solid #24a0ed;*/
	}

	.icon-list .slot.lego:hover {
		background-color: rgba(226, 158, 33, 0.075);
		/*background: linear-gradient(0deg, rgba(226, 158, 33, 0.25) 0%, rgba(226, 158, 33, 0) 62%);*/
	}

	.icon-list .slot.epic:hover {
		background-color: rgba(255, 78, 196, 0.075);
		/*background: linear-gradient(0deg, rgba(255, 78, 196, 0.25) 0%, rgba(255, 78, 196, 0) 62%);*/
	}

	.icon-list .slot.rare:hover {
		background-color: rgba(0, 205, 255, 0.075);
		/*background: linear-gradient(0deg, rgba(0, 205, 255, 0.25) 0%, rgba(0, 205, 255, 0) 62%);*/
	}

	.icon-list .slot.lego {
		border: var(--border-lego, 1px solid #e29e2140);
	}

		.icon-list .slot.lego:hover,
		.icon-list .slot.lego.selected {
			border: var(--border-lego-hover, 1px solid #e29e2180);
			background-color: rgba(226, 158, 33, 0.15);
			/*border-bottom: 1px solid #e29e21;*/
		}

	.icon-list .slot.epic {
		border: var(--border-epic, 1px solid #FF4EC440);
	}

		.icon-list .slot.epic:hover,
		.icon-list .slot.epic.selected {
			border: var(--border-epic-hover, 1px solid #FF4EC480);
			background-color: rgba(255, 78, 196, 0.15);
			/*border-bottom: 1px solid var(--color-epic, #ff4ec4);*/
		}

	.icon-list .slot.rare {
		border: var(--border-rare, 1px solid #00CDFF40);
	}

		.icon-list .slot.rare:hover,
		.icon-list .slot.rare.selected {
			border: var(--border-rare-hover, 1px solid #00CDFF80);
			background-color: rgba(0, 205, 255, 0.15);
			/*border-bottom: 1px solid var(--color-rare, #00cdff);*/
		}

	.icon-list .slot {
		transition: .25s linear;
	}

		.icon-list .slot:before, .icon-list .slot:after {
			position: absolute;
			bottom: -1px;
			content: '';
			width: 4px;
			height: 4px;
			display: inline-block;
		}

		.icon-list .slot:before {
			border-left: var(--border-inv, solid 1px #eceeef40);
			border-bottom: var(--border-inv, solid 1px #eceeef40);
			left: -1px;
		}

		.icon-list .slot:after {
			content: '';
			border-right: var(--border-inv, solid 1px #eceeef40);
			border-bottom: var(--border-inv, solid 1px #eceeef40);
			right: -1px;
		}

		.icon-list .slot:hover:before, .icon-list .slot:hover:after,
		.icon-list .slot:focus:before, .icon-list .slot:focus:after {
			-moz-animation: grow 0.25s;
			-webkit-animation: grow 0.25s;
			-ms-animation: grow 0.25s;
			animation: grow 0.25s;
			width: 8px;
			height: 8px;
		}

		.icon-list .slot .inner {
			transition: .25s linear;
		}

			.icon-list .slot .inner:before, .icon-list .slot .inner:after {
				position: absolute;
				top: -1px;
				content: '';
				width: 4px;
				height: 4px;
				display: inline-block;
			}

			.icon-list .slot .inner:before {
				border-left: var(--border-inv, solid 1px #eceeef40);
				border-top: var(--border-inv, solid 1px #eceeef40);
				left: -1px;
			}

			.icon-list .slot .inner:after {
				border-top: var(--border-inv, solid 1px #eceeef40);
				border-right: var(--border-inv, solid 1px #eceeef40);
				right: -1px;
			}

			.icon-list .slot .inner:hover:before, .icon-list .slot .inner:hover:after,
			.icon-list .slot .inner:focus:before, .icon-list .slot .inner:focus:after {
				-moz-animation: grow 0.25s;
				-webkit-animation: grow 0.25s;
				-ms-animation: grow 0.25s;
				animation: grow 0.25s;
				width: 8px;
				height: 8px;
			}


@media screen and (max-width: 1680px) {
	.icon-list {
		grid-template-columns: repeat(12, minmax(64px, 1fr));
	}

		.icon-list .slot .qty {
			margin-top: -0.25em;
		}

		.icon-list.qty-only {
			grid-template-columns: repeat(12, minmax(64px, 1fr));
		}
}

@media screen and (max-width: 1280px) {
	.icon-list {
		grid-template-columns: repeat(12, minmax(64px, 1fr));
	}

		.icon-list.qty-only {
			grid-template-columns: repeat(12, minmax(64px, 1fr));
		}
}

@media screen and (max-width: 960px) {
	.icon-list {
		grid-template-columns: repeat(8, minmax(64px, 1fr));
	}

		.icon-list.qty-only {
			grid-template-columns: repeat(8, minmax(64px, 1fr));
		}
}

@media screen and (max-width: 736px) {
	.icon-list {
		grid-template-columns: repeat(8, minmax(64px, 1fr));
		grid-template-rows: 64px;
		grid-auto-rows: 64px;
	}

		.icon-list .slot .icon {
			max-height: 32px;
			max-width: 32px;
			min-height: 32px;
			min-width: 32px;
		}

	.icon-list.qty-only {
		grid-template-columns: repeat(6, minmax(64px, 1fr));
	}

		.icon-list.qty-only .slot .icon {
			max-height: 48px;
			max-width: 48px;
			min-height: 48px;
			min-width: 48px;
		}

		.icon-list .slot .qty {
			margin-left: 0;
			margin-top: 0;
		}
}

@media screen and (max-width: 480px) {
	.icon-list {
		grid-template-columns: repeat(6, minmax(48px, 1fr));
		grid-template-rows: 48px;
		grid-auto-rows: 48px;
	}

		.icon-list .slot .icon {
			max-height: 24px;
			max-width: 24px;
			min-height: 24px;
			min-width: 24px;
		}

	.icon-list.qty-only {
		grid-template-columns: repeat(4, minmax(64px, 1fr));
	}

		.icon-list.qty-only .slot .icon {
			max-height: 48px;
			max-width: 48px;
			min-height: 48px;
			min-width: 48px;
		}

		.icon-list .slot .qty {
			margin-left: -0.5em;
			margin-top: -0.5em;
		}
}

@media screen and (max-width: 360px) {
	.icon-list {
		grid-template-columns: repeat(4, minmax(48px, 1fr));
	}

		.icon-list.qty-only {
			grid-template-columns: repeat(4, minmax(64px, 1fr));
		}
}	
	
/* Gallery */

	#gallery {
		-moz-transition: -moz-filter 0.5s ease, -webkit-filter 0.5s ease, -ms-filter 0.5s ease, -moz-filter 0.5s ease;
		-webkit-transition: -moz-filter 0.5s ease, -webkit-filter 0.5s ease, -ms-filter 0.5s ease, -webkit-filter 0.5s ease;
		-ms-transition: -moz-filter 0.5s ease, -webkit-filter 0.5s ease, -ms-filter 0.5s ease, -ms-filter 0.5s ease;
		transition: -moz-filter 0.5s ease, -webkit-filter 0.5s ease, -ms-filter 0.5s ease, filter 0.5s ease;
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-tap-highlight-color: rgba(246, 250, 255, 0);
	}
	
		#gallery.tight {
			justify-content: space-between;
		}	

		#gallery .thumb {
			-moz-transition: opacity 1.25s ease-in-out;
			-webkit-transition: opacity 1.25s ease-in-out;
			-ms-transition: opacity 1.25s ease-in-out;
			transition: opacity 1.25s ease-in-out;
			pointer-events: auto;
			-webkit-tap-highlight-color: rgba(246, 250, 255, 0);
			opacity: 1;
			overflow: hidden;
			position: relative;
		}

			#gallery .thumb:after {
				background-image: -moz-linear-gradient(to top, rgba(10,17,25,0.35) 5%, rgba(10,17,25,0) 35%);
				background-image: -webkit-linear-gradient(to top, rgba(10,17,25,0.35) 5%, rgba(10,17,25,0) 35%);
				background-image: -ms-linear-gradient(to top, rgba(10,17,25,0.35) 5%, rgba(10,17,25,0) 35%);
				background-image: linear-gradient(to top, rgba(10,17,25,0.35) 5%, rgba(10,17,25,0) 35%);
				pointer-events: none;
				background-size: cover;
				content: '';
				display: block;
				height: 100%;
				left: 0;
				position: absolute;
				top: 0;
				width: 100%;
			}
			
			#gallery .thumb.selected {
				border: 2px solid var(--color-standard, #eceeef);
			}			

			#gallery .thumb > .image {
				-webkit-tap-highlight-color: rgba(246, 250, 255, 0);
				background-position: center;
				background-repeat: no-repeat;
				background-size: cover;
				border: 0;
				height: 100%;
				left: 0;
				position: absolute;
				top: 0;
				width: 100%;
			}
			
				#gallery.tight .thumb > .image > img {
					height: 64px;
					width: 64px;
				}				

			#gallery .thumb > h2 {
				pointer-events: none;
				bottom: 1.875em;
				font-size: 0.8em;
				left: 2.1875em;
				margin: 0;
				position: absolute;
				z-index: 1;
			}
			
				#gallery.tight .thumb > h2 {
					bottom: 0.5em;
					font-size: 0.8em;
					left: 0.5em;
					font-size: 0.6em;
					text-align: left;	
					text-shadow: 1px 1px 2px #000;					
				}			

			#gallery .thumb > p {
				display: none;
			}

		#gallery:after {
			pointer-events: none;
			-moz-transition: opacity 0.5s ease, visibility 0.5s;
			-webkit-transition: opacity 0.5s ease, visibility 0.5s;
			-ms-transition: opacity 0.5s ease, visibility 0.5s;
			transition: opacity 0.5s ease, visibility 0.5s;
			background: rgba(36, 38, 41, 0.25);
			content: '';
			display: block;
			height: 100%;
			left: 0;
			opacity: 0;
			position: absolute;
			top: 0;
			visibility: hidden;
			width: 100%;
			z-index: 1;
		}

			body.ie #gallery:after {
				background: rgba(36, 38, 41, 0.55);
			}

		body.content-active #gallery {
			-moz-filter: blur(6px);
			-webkit-filter: blur(6px);
			-ms-filter: blur(6px);
			filter: blur(6px);
		}

			body.content-active #gallery:after {
				pointer-events: auto;
				opacity: 1;
				visibility: visible;
			}

		body.is-preload #gallery .thumb {
			pointer-events: none;
			opacity: 0;
		}

		#gallery .thumb {
			-moz-transition-delay: 2.525s;
			-webkit-transition-delay: 2.525s;
			-ms-transition-delay: 2.525s;
			transition-delay: 2.525s;
			height: calc(40vh - 2em);
			min-height: 20em;
			width: 25%;
		}
		
			#gallery.tight .thumb {
				height: 64px;
				min-height: 64px;
				width: 64px;
			}	

			#gallery .thumb:nth-child(1) {
				-moz-transition-delay: 0.65s;
				-webkit-transition-delay: 0.65s;
				-ms-transition-delay: 0.65s;
				transition-delay: 0.65s;
			}

			#gallery .thumb:nth-child(2) {
				-moz-transition-delay: 0.8s;
				-webkit-transition-delay: 0.8s;
				-ms-transition-delay: 0.8s;
				transition-delay: 0.8s;
			}

			#gallery .thumb:nth-child(3) {
				-moz-transition-delay: 0.95s;
				-webkit-transition-delay: 0.95s;
				-ms-transition-delay: 0.95s;
				transition-delay: 0.95s;
			}

			#gallery .thumb:nth-child(4) {
				-moz-transition-delay: 1.1s;
				-webkit-transition-delay: 1.1s;
				-ms-transition-delay: 1.1s;
				transition-delay: 1.1s;
			}

			#gallery .thumb:nth-child(5) {
				-moz-transition-delay: 1.25s;
				-webkit-transition-delay: 1.25s;
				-ms-transition-delay: 1.25s;
				transition-delay: 1.25s;
			}

			#gallery .thumb:nth-child(6) {
				-moz-transition-delay: 1.4s;
				-webkit-transition-delay: 1.4s;
				-ms-transition-delay: 1.4s;
				transition-delay: 1.4s;
			}

			#gallery .thumb:nth-child(7) {
				-moz-transition-delay: 1.55s;
				-webkit-transition-delay: 1.55s;
				-ms-transition-delay: 1.55s;
				transition-delay: 1.55s;
			}

			#gallery .thumb:nth-child(8) {
				-moz-transition-delay: 1.7s;
				-webkit-transition-delay: 1.7s;
				-ms-transition-delay: 1.7s;
				transition-delay: 1.7s;
			}

			#gallery .thumb:nth-child(9) {
				-moz-transition-delay: 1.85s;
				-webkit-transition-delay: 1.85s;
				-ms-transition-delay: 1.85s;
				transition-delay: 1.85s;
			}

			#gallery .thumb:nth-child(10) {
				-moz-transition-delay: 2s;
				-webkit-transition-delay: 2s;
				-ms-transition-delay: 2s;
				transition-delay: 2s;
			}

			#gallery .thumb:nth-child(11) {
				-moz-transition-delay: 2.15s;
				-webkit-transition-delay: 2.15s;
				-ms-transition-delay: 2.15s;
				transition-delay: 2.15s;
			}

			#gallery .thumb:nth-child(12) {
				-moz-transition-delay: 2.3s;
				-webkit-transition-delay: 2.3s;
				-ms-transition-delay: 2.3s;
				transition-delay: 2.3s;
			}

		@media screen and (max-width: 1680px) {

			#gallery .thumb {
				-moz-transition-delay: 2.075s;
				-webkit-transition-delay: 2.075s;
				-ms-transition-delay: 2.075s;
				transition-delay: 2.075s;
				height: calc(40vh - 2em);
				min-height: 20em;
				width: 33.33333%;
			}
			
				#gallery.tight .thumb {
					height: 64px;
					min-height: 64px;
					width: 64px;
				}				

				#gallery .thumb:nth-child(1) {
					-moz-transition-delay: 0.65s;
					-webkit-transition-delay: 0.65s;
					-ms-transition-delay: 0.65s;
					transition-delay: 0.65s;
				}

				#gallery .thumb:nth-child(2) {
					-moz-transition-delay: 0.8s;
					-webkit-transition-delay: 0.8s;
					-ms-transition-delay: 0.8s;
					transition-delay: 0.8s;
				}

				#gallery .thumb:nth-child(3) {
					-moz-transition-delay: 0.95s;
					-webkit-transition-delay: 0.95s;
					-ms-transition-delay: 0.95s;
					transition-delay: 0.95s;
				}

				#gallery .thumb:nth-child(4) {
					-moz-transition-delay: 1.1s;
					-webkit-transition-delay: 1.1s;
					-ms-transition-delay: 1.1s;
					transition-delay: 1.1s;
				}

				#gallery .thumb:nth-child(5) {
					-moz-transition-delay: 1.25s;
					-webkit-transition-delay: 1.25s;
					-ms-transition-delay: 1.25s;
					transition-delay: 1.25s;
				}

				#gallery .thumb:nth-child(6) {
					-moz-transition-delay: 1.4s;
					-webkit-transition-delay: 1.4s;
					-ms-transition-delay: 1.4s;
					transition-delay: 1.4s;
				}

				#gallery .thumb:nth-child(7) {
					-moz-transition-delay: 1.55s;
					-webkit-transition-delay: 1.55s;
					-ms-transition-delay: 1.55s;
					transition-delay: 1.55s;
				}

				#gallery .thumb:nth-child(8) {
					-moz-transition-delay: 1.7s;
					-webkit-transition-delay: 1.7s;
					-ms-transition-delay: 1.7s;
					transition-delay: 1.7s;
				}

				#gallery .thumb:nth-child(9) {
					-moz-transition-delay: 1.85s;
					-webkit-transition-delay: 1.85s;
					-ms-transition-delay: 1.85s;
					transition-delay: 1.85s;
				}

		}

		@media screen and (max-width: 1280px) {

			#gallery .thumb {
				-moz-transition-delay: 1.625s;
				-webkit-transition-delay: 1.625s;
				-ms-transition-delay: 1.625s;
				transition-delay: 1.625s;
				height: calc(40vh - 2em);
				min-height: 20em;
				width: 50%;
			}
			
				#gallery.tight .thumb {
					height: 64px;
					min-height: 64px;
					width: 64px;
				}				

				#gallery .thumb:nth-child(1) {
					-moz-transition-delay: 0.65s;
					-webkit-transition-delay: 0.65s;
					-ms-transition-delay: 0.65s;
					transition-delay: 0.65s;
				}

				#gallery .thumb:nth-child(2) {
					-moz-transition-delay: 0.8s;
					-webkit-transition-delay: 0.8s;
					-ms-transition-delay: 0.8s;
					transition-delay: 0.8s;
				}

				#gallery .thumb:nth-child(3) {
					-moz-transition-delay: 0.95s;
					-webkit-transition-delay: 0.95s;
					-ms-transition-delay: 0.95s;
					transition-delay: 0.95s;
				}

				#gallery .thumb:nth-child(4) {
					-moz-transition-delay: 1.1s;
					-webkit-transition-delay: 1.1s;
					-ms-transition-delay: 1.1s;
					transition-delay: 1.1s;
				}

				#gallery .thumb:nth-child(5) {
					-moz-transition-delay: 1.25s;
					-webkit-transition-delay: 1.25s;
					-ms-transition-delay: 1.25s;
					transition-delay: 1.25s;
				}

				#gallery .thumb:nth-child(6) {
					-moz-transition-delay: 1.4s;
					-webkit-transition-delay: 1.4s;
					-ms-transition-delay: 1.4s;
					transition-delay: 1.4s;
				}

		}

		@media screen and (max-width: 980px) {

			#gallery .thumb {
				-moz-transition-delay: 2.075s;
				-webkit-transition-delay: 2.075s;
				-ms-transition-delay: 2.075s;
				transition-delay: 2.075s;
				height: calc(28.57143vh - 1.33333em);
				min-height: 18em;
				width: 50%;
			}
			
				#gallery.tight .thumb {
					height: 64px;
					min-height: 64px;
					width: 64px;
				}				

				#gallery .thumb:nth-child(1) {
					-moz-transition-delay: 0.65s;
					-webkit-transition-delay: 0.65s;
					-ms-transition-delay: 0.65s;
					transition-delay: 0.65s;
				}

				#gallery .thumb:nth-child(2) {
					-moz-transition-delay: 0.8s;
					-webkit-transition-delay: 0.8s;
					-ms-transition-delay: 0.8s;
					transition-delay: 0.8s;
				}

				#gallery .thumb:nth-child(3) {
					-moz-transition-delay: 0.95s;
					-webkit-transition-delay: 0.95s;
					-ms-transition-delay: 0.95s;
					transition-delay: 0.95s;
				}

				#gallery .thumb:nth-child(4) {
					-moz-transition-delay: 1.1s;
					-webkit-transition-delay: 1.1s;
					-ms-transition-delay: 1.1s;
					transition-delay: 1.1s;
				}

				#gallery .thumb:nth-child(5) {
					-moz-transition-delay: 1.25s;
					-webkit-transition-delay: 1.25s;
					-ms-transition-delay: 1.25s;
					transition-delay: 1.25s;
				}

				#gallery .thumb:nth-child(6) {
					-moz-transition-delay: 1.4s;
					-webkit-transition-delay: 1.4s;
					-ms-transition-delay: 1.4s;
					transition-delay: 1.4s;
				}

				#gallery .thumb:nth-child(7) {
					-moz-transition-delay: 1.55s;
					-webkit-transition-delay: 1.55s;
					-ms-transition-delay: 1.55s;
					transition-delay: 1.55s;
				}

				#gallery .thumb:nth-child(8) {
					-moz-transition-delay: 1.7s;
					-webkit-transition-delay: 1.7s;
					-ms-transition-delay: 1.7s;
					transition-delay: 1.7s;
				}

				#gallery .thumb:nth-child(9) {
					-moz-transition-delay: 1.85s;
					-webkit-transition-delay: 1.85s;
					-ms-transition-delay: 1.85s;
					transition-delay: 1.85s;
				}

		}

		@media screen and (max-width: 480px) {

			#gallery .thumb {
				-moz-transition-delay: 1.175s;
				-webkit-transition-delay: 1.175s;
				-ms-transition-delay: 1.175s;
				transition-delay: 1.175s;
				height: calc(40vh - 2em);
				min-height: 18em;
				width: 100%;
			}
			
				#gallery.tight .thumb {
					height: 64px;
					min-height: 64px;
					width: 64px;
				}						

				#gallery .thumb:nth-child(1) {
					-moz-transition-delay: 0.65s;
					-webkit-transition-delay: 0.65s;
					-ms-transition-delay: 0.65s;
					transition-delay: 0.65s;
				}

				#gallery .thumb:nth-child(2) {
					-moz-transition-delay: 0.8s;
					-webkit-transition-delay: 0.8s;
					-ms-transition-delay: 0.8s;
					transition-delay: 0.8s;
				}

				#gallery .thumb:nth-child(3) {
					-moz-transition-delay: 0.95s;
					-webkit-transition-delay: 0.95s;
					-ms-transition-delay: 0.95s;
					transition-delay: 0.95s;
				}

		}

	#gallery.small article {
		width: 17.5rem;
	}

		#gallery.small article .caption {
			padding: 2rem;
		}

		@media screen and (max-width: 980px) {

			#gallery.small article .caption {
				padding: 2rem;
			}
		}

		@media screen and (max-width: 736px) {

			#gallery.small article .caption {
				padding: 2rem;
			}
		}

	#gallery.big article {
		width: 30rem;
	}

		#gallery.big article .caption {
			padding: 4rem;
		}

		@media screen and (max-width: 980px) {

			#gallery.big article .caption {
				padding: 3rem;
			}
		}

		@media screen and (max-width: 736px) {

			#gallery.big article .caption {
				padding: 2rem;
			}
		}
		
/* Poptrox Popup */

	.poptrox-overlay {
		-webkit-tap-highlight-color: rgba(246, 250, 255, 0);
	}

	.poptrox-popup {
		background: rgba(31, 34, 36, 0.925);
		box-shadow: 0 1em 3em 0.5em rgba(0, 0, 0, 0.25);
		cursor: url('../images/cursor.png') 10 5, default;
		outline: 1px solid var(--color-standard-20, rgba(246, 250, 255, 0.2));
	}

		.poptrox-popup:before {
			-moz-transition: opacity 0.2s ease-in-out;
			-webkit-transition: opacity 0.2s ease-in-out;
			-ms-transition: opacity 0.2s ease-in-out;
			transition: opacity 0.2s ease-in-out;
			background-image: -moz-linear-gradient(to left, rgba(31,34,36,0.35), rgba(31,34,36,0) 10em, rgba(31,34,36,0)), -moz-linear-gradient(to right, rgba(31,34,36,0.35), rgba(31,34,36,0) 10em, rgba(31,34,36,0));
			background-image: -webkit-linear-gradient(to left, rgba(31,34,36,0.35), rgba(31,34,36,0) 10em, rgba(31,34,36,0)), -webkit-linear-gradient(to right, rgba(31,34,36,0.35), rgba(31,34,36,0) 10em, rgba(31,34,36,0));
			background-image: -ms-linear-gradient(to left, rgba(31,34,36,0.35), rgba(31,34,36,0) 10em, rgba(31,34,36,0)), -ms-linear-gradient(to right, rgba(31,34,36,0.35), rgba(31,34,36,0) 10em, rgba(31,34,36,0));
			background-image: linear-gradient(to left, rgba(31,34,36,0.35), rgba(31,34,36,0) 10em, rgba(31,34,36,0)), linear-gradient(to right, rgba(31,34,36,0.35), rgba(31,34,36,0) 10em, rgba(31,34,36,0));
			content: '';
			display: block;
			height: 100%;
			left: 0;
			position: absolute;
			top: 0;
			width: 100%;
			z-index: 1;
			opacity: 1;
		}

		.poptrox-popup .closer {
			-moz-transition: opacity 0.2s ease-in-out;
			-webkit-transition: opacity 0.2s ease-in-out;
			-ms-transition: opacity 0.2s ease-in-out;
			transition: opacity 0.2s ease-in-out;
			/*background-image: url("images/close.svg");*/
			background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='64px' height='64px' viewBox='0 0 64 64' zoomAndPan='disable'%3E%3Cstyle%3Eline %7Bstroke: %23ffffff%3Bstroke-width: 1.5px%3B%7D%3C/style%3E%3Cline x1='20' y1='20' x2='44' y2='44' /%3E%3Cline x1='20' y1='44' x2='44' y2='20' /%3E%3C/svg%3E");
			background-position: center;
			background-repeat: no-repeat;
			background-size: 3em;
			height: 5em;
			opacity: 0;
			position: absolute;
			right: 0;
			top: 0;
			width: 5em;
			z-index: 2;
		}

		.poptrox-popup .nav-previous,
		.poptrox-popup .nav-next {
			-moz-transition: opacity 0.2s ease-in-out;
			-webkit-transition: opacity 0.2s ease-in-out;
			-ms-transition: opacity 0.2s ease-in-out;
			transition: opacity 0.2s ease-in-out;
			/*background-image: url("images/arrow.svg");*/
			background-image: url("data:image/svg+xml;base64,PHN2ZyB6b29tQW5kUGFuPSdkaXNhYmxlJyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHhtbG5zOnhsaW5rPSdodHRwczovL3d3dy53My5vcmcvMTk5OS94bGluaycgeD0nMHB4JyB5PScwcHgnIHdpZHRoPSc0MHB4JyBoZWlnaHQ9JzIwcHgnIHZpZXdCb3g9JzAgMCA0MHB4IDIwcHgnPjxzdHlsZSB0eXBlPSd0ZXh0L2Nzcyc+bGluZSB7IHN0cm9rZTogI2ZmZmZmZjsgc3Ryb2tlLXdpZHRoOiAwLjc1cHg7IH08L3N0eWxlPjxsaW5lIHgxPScwJyB5MT0nMCcgeDI9JzIwJyB5Mj0nMjAnIC8+PGxpbmUgeDE9JzIwJyB5MT0nMjAnIHgyPSc0MCcgeTI9JzAnIC8+PC9zdmc+");
			background-position: center;
			background-repeat: no-repeat;
			background-size: 5em;
			cursor: url('../images/cursor_link.png') 10 5, pointer;
			height: 8em;
			margin-top: -4em;
			opacity: 0;
			position: absolute;
			top: 50%;
			width: 6em;
			z-index: 2;
			-moz-transform: scale(0.5) rotate(-90deg);
			-webkit-transform: scale(0.5) rotate(-90deg);
			-ms-transform: scale(0.5) rotate(-90deg);
			transform: scale(0.5) rotate(-90deg);
		}

		.poptrox-popup .nav-previous {
			-moz-transform: scale(0.5) rotate(90deg);
			-webkit-transform: scale(0.5) rotate(90deg);
			-ms-transform: scale(0.5) rotate(90deg);
			transform: scale(0.5) rotate(90deg);
			left: 0;
		}

		.poptrox-popup .nav-next {
			right: 0;
		}

		.poptrox-popup .caption {
			padding: 2em 2em 0.1em 2em ;
			background-image: -moz-linear-gradient(to top, rgba(16,16,16,0.45) 25%, rgba(16,16,16,0) 100%);
			background-image: -webkit-linear-gradient(to top, rgba(16,16,16,0.45) 25%, rgba(16,16,16,0) 100%);
			background-image: -ms-linear-gradient(to top, rgba(16,16,16,0.45) 25%, rgba(16,16,16,0) 100%);
			background-image: linear-gradient(to top, rgba(16,16,16,0.45) 25%, rgba(16,16,16,0) 100%);
			bottom: 0;
			cursor: url('../images/cursor_link.png') 10 5, pointer;
			left: 0;
			position: absolute;
			text-align: left;
			width: 100%;
			z-index: 2;
		}

			.poptrox-popup .caption h2, .poptrox-popup .caption h3, .poptrox-popup .caption h4, .poptrox-popup .caption h5, .poptrox-popup .caption h6 {
				margin: 0 0 0.5em 0;
			}

			.poptrox-popup .caption p {
				color: var(--color-standard, #eceeef);
			}

		.poptrox-popup .loader {
			-moz-animation: spinner 1s infinite linear !important;
			-webkit-animation: spinner 1s infinite linear !important;
			-ms-animation: spinner 1s infinite linear !important;
			animation: spinner 1s infinite linear !important;
			/*background-image: url("images/spinner.svg");*/
			background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='96px' height='96px' viewBox='0 0 96 96' zoomAndPan='disable'%3E%3Cstyle%3Ecircle %7Bfill: transparent%3B stroke: %23ffffff%3B stroke-width: 1.5px%3B %7D%3C/style%3E%3Cdefs%3E%3CclipPath id='corner'%3E%3Cpolygon points='0,0 48,0 48,48 96,48 96,96 0,96' /%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23corner)'%3E%3Ccircle cx='48' cy='48' r='32'/%3E%3C/g%3E%3C/svg%3E")'%3E%3Ccircle cx='48' cy='48' r='32'/%3E%3C/g%3E%3C/svg%3E); background-position: center;
			background-repeat: no-repeat;
			background-size: contain;
			display: block;
			font-size: 2em;
			height: 2em;
			left: 50%;
			line-height: 2em;
			margin: -1em 0 0 -1em;
			opacity: 0.25;
			position: absolute;
			text-align: center;
			top: 50%;
			width: 2em;
		}

		.poptrox-popup:hover .closer,
		.poptrox-popup:hover .nav-previous,
		.poptrox-popup:hover .nav-next {
			opacity: 0.5;
		}

			.poptrox-popup:hover .closer:hover,
			.poptrox-popup:hover .nav-previous:hover,
			.poptrox-popup:hover .nav-next:hover {
				opacity: 1.0;
			}

		.poptrox-popup.loading:before {
			opacity: 0;
		}

		body.touch .poptrox-popup .closer,
		body.touch .poptrox-popup .nav-previous,
		body.touch .poptrox-popup .nav-next {
			opacity: 1.0 !important;
		}

		@media screen and (max-width: 980px) {

			.poptrox-popup .closer {
				background-size: 3em;
			}

			.poptrox-popup .nav-previous,
			.poptrox-popup .nav-next {
				background-size: 4em;
			}

		}

		@media screen and (max-width: 736px) {

			.poptrox-popup:before {
				display: none;
			}

			.poptrox-popup .caption {
				display: none !important;
			}

			.poptrox-popup .closer,
			.poptrox-popup .nav-previous,
			.poptrox-popup .nav-next {
				display: none !important;
			}

		}	

/* Tooltips */		
		
	[data-tooltip]{position:relative}
	[data-tooltip]:before
	{
		content:attr(data-tooltip);
		position:absolute;
		background:var(--color-border-alt, #13151b);
		color:var(--color-standard-75, rgba(246, 250, 255, 0.75));
		font-size:0.9rem;
		padding:1em 1.325em 1em 1.25em;
		/*border-radius:6px;*/
		line-height:1.6;
		text-align:left
	}
	[data-tooltip]:after
	{
		content:'';
		display:block;
		position:absolute;
		width:0.5em;
		height:0.5em
	}
	[data-tooltip]:before,
	[data-tooltip]:after
	{
		-moz-transition:opacity 0.125s ease-in-out,-moz-transform 0.125s ease-in-out;
		-webkit-transition:opacity 0.125s ease-in-out,-webkit-transform 0.125s ease-in-out;
		-ms-transition:opacity 0.125s ease-in-out,-ms-transform 0.125s ease-in-out;
		transition:opacity 0.125s ease-in-out,transform 0.125s ease-in-out;
		-moz-transition-delay:0s;
		-webkit-transition-delay:0s;
		-ms-transition-delay:0s;
		transition-delay:0s;
		pointer-events:none;
		opacity:0;z-index:10000
	}
	[data-tooltip]:hover:before,
	[data-tooltip]:hover:after
	{
		-moz-transition:opacity 0.125s ease-in-out,-moz-transform 0.125s ease-in-out;
		-webkit-transition:opacity 0.125s ease-in-out,-webkit-transform 0.125s ease-in-out;
		-ms-transition:opacity 0.125s ease-in-out,-ms-transform 0.125s ease-in-out;
		transition:opacity 0.125s ease-in-out,transform 0.125s ease-in-out;
		-moz-transition-delay:0.75s;
		-webkit-transition-delay:0.75s;
		-ms-transition-delay:0.75s;
		transition-delay:0.75s;
		-moz-transform:none;
		-webkit-transform:none;
		-ms-transform:none;
		transform:none;
		opacity:1
	}
	@media screen and (max-width: 736px){
		[data-tooltip]:before,
		[data-tooltip]:after
		{display:none}
	}
	[data-tooltip-mode="feature"]:before
	{
		top:calc(100% + 1em);
		left:0;
		width:19em
	}
	[data-tooltip-mode="feature"]:after
	{
		top:calc(100% + 1em);
		left:1em;
		border-left:solid 0.5em transparent;
		border-right:solid 0.5em transparent;
		border-bottom:solid 0.5em var(--color-border-alt, #13151b);
		margin-top:-0.5em
	}
	[data-tooltip-mode="feature"]:before,
	[data-tooltip-mode="feature"]:after
	{
		-moz-transform:translateY(-0.25rem);
		-webkit-transform:translateY(-0.25rem);
		-ms-transform:translateY(-0.25rem);
		transform:translateY(-0.25rem)
	}
	[data-tooltip-mode="feature"]:hover:before,
	[data-tooltip-mode="feature"]:hover:after
	{
		-moz-transition-delay:0.175s;
		-webkit-transition-delay:0.175s;
		-ms-transition-delay:0.175s;
		transition-delay:0.175s
	}
	[data-tooltip-mode="footer-action"]:before
	{
		bottom:calc(100% - 0.375em);
		right:0;
		width:auto
	}
	[data-tooltip-mode="footer-action"]:after
	{
		bottom:calc(100% - 0.375em + 1px);
		right:calc(1em + 0.25em);
		border-left:solid 0.5em transparent;
		border-right:solid 0.5em transparent;
		border-top:solid 0.5em var(--color-border-alt, #13151b);
		margin-bottom:-0.5em
	}
	[data-tooltip-mode="footer-action"]:before,
	[data-tooltip-mode="footer-action"]:after
	{
		-moz-transform:translateY(0.25rem);
		-webkit-transform:translateY(0.25rem);
		-ms-transform:translateY(0.25rem);
		transform:translateY(0.25rem)
	}
	[data-tooltip-mode="footer-url"]:before
	{
		bottom:calc(100% - 0.375em);
		left:0;
		width:auto;
		width:24em
	}
	[data-tooltip-mode="footer-url"]:after
	{
		bottom:calc(100% - 0.375em + 1px);
		left:calc(1em + 0.25em);
		border-left:solid 0.5em transparent;
		border-right:solid 0.5em transparent;
		border-top:solid 0.5em var(--color-border-alt, #13151b);
		margin-bottom:-0.5em
	}
	[data-tooltip-mode="footer-url"]:before,
	[data-tooltip-mode="footer-url"]:after
	{
		-moz-transform:translateY(0.25rem);
		-webkit-transform:translateY(0.25rem);
		-ms-transform:translateY(0.25rem);
		transform:translateY(0.25rem);
		-moz-transition-delay:0s;
		-webkit-transition-delay:0s;
		-ms-transition-delay:0s;
		transition-delay:0s
	}
	[data-tooltip-mode="footer-url"]:hover:before,
	[data-tooltip-mode="footer-url"]:hover:after
	{
		-moz-transition-delay:0s;
		-webkit-transition-delay:0s;
		-ms-transition-delay:0s;
		transition-delay:0s
	}
	.sites.normal [data-tooltip-mode="footer-url"]:before{left:2em}
	.sites.normal [data-tooltip-mode="footer-url"]:after{left:calc(3em + 0.25em)}
	.sites.compact [data-tooltip-mode="footer-url"]:before{left:calc(50% - 12em);bottom:calc(100% + 0.75em)}
	.sites.compact [data-tooltip-mode="footer-url"]:after{left:11em;bottom:calc(100% + 0.75em)}
	.sites.list [data-tooltip-mode="footer-url"]:before{left:1.5em}
	.sites.list [data-tooltip-mode="footer-url"]:after{left:calc(2.5em + 0.25em)}

	[data-tooltip-mode="footer-url"]
	[data-tooltip-style="negative"]:before{background-color:#CC666B}
	[data-tooltip-mode="footer-url"]
	[data-tooltip-style="negative"]:after{border-top-color:#CC666B}
	[data-tooltip-mode="nav-action"]:before{left:calc(100% + 1em - 1.375em);top:0.575em}
	[data-tooltip-mode="nav-action"]:after{top:calc(50% - 0.575em);left:calc(100% + 1em - 1.375em);border-top:solid 0.5em transparent;border-bottom:solid 0.5em transparent;border-right:solid 0.5em var(--color-border-alt, #13151b);margin-left:calc(-0.5em + 2px)}
	[data-tooltip-mode="nav-action"]:before,
	[data-tooltip-mode="nav-action"]:after{-moz-transform:translateX(-0.25rem);-webkit-transform:translateX(-0.25rem);-ms-transform:translateX(-0.25rem);transform:translateX(-0.25rem)}
	[data-tooltip-mode="nav-action-avatar"]:before{left:calc(100% + 1.375em - 1.375em);top:0.575em}
	[data-tooltip-mode="nav-action-avatar"]:after{top:calc(50% - 1em);left:calc(100% + 1.375em - 1.375em);border-top:solid 0.5em transparent;border-bottom:solid 0.5em transparent;border-right:solid 0.5em var(--color-border-alt, #13151b);margin-left:calc(-0.5em + 2px)}
	[data-tooltip-mode="nav-action-avatar"]:before,
	[data-tooltip-mode="nav-action-avatar"]:after{-moz-transform:translateX(-0.25rem);-webkit-transform:translateX(-0.25rem);-ms-transform:translateX(-0.25rem);transform:translateX(-0.25rem)}
	[data-tooltip-mode="menu"]:before{top:calc(100% + 1em);right:0;width:auto;font-size:0.8em;padding:0.625em 1.125em}
	[data-tooltip-mode="menu"]:after{top:calc(100% + 1em);right:calc(1em + 0.625em);border-left:solid 0.5em transparent;border-right:solid 0.5em transparent;border-bottom:solid 0.5em var(--color-border-alt, #13151b);margin-top:-0.5em;font-size:0.8em}
	[data-tooltip-mode="menu"]:before,
	[data-tooltip-mode="menu"]:after{-moz-transform:translateY(-0.25rem);-webkit-transform:translateY(-0.25rem);-ms-transform:translateY(-0.25rem);transform:translateY(-0.25rem)}
	#ui.is-reversed [data-tooltip-mode="menu"]:before{right:auto;left:0}
	#ui.is-reversed [data-tooltip-mode="menu"]:after{right:auto;left:calc(1em + 0.625em)}
	[data-tooltip-mode="properties-panel-action"]:before{
		bottom:calc(100% - 0.125em);
		/*left:0.5em;*/
		right: 0.5em;
		width:auto;
		font-size:0.8em;
		padding:0.625em 1.125em;
		white-space:nowrap
	}
	[data-tooltip-mode="properties-panel-action"]:after{
		bottom:calc(100% - 0.125em + 1px);
		left:calc(1em + 0.625em);
		border-left:solid 0.5em transparent;
		border-right:solid 0.5em transparent;
		border-top:solid 0.5em var(--color-border-alt, #13151b);
		margin-bottom:-0.5em;
		font-size:0.8em
	}
	[data-tooltip-mode="properties-panel-action"]:before,
	[data-tooltip-mode="properties-panel-action"]:after{-moz-transform:translateY(0.25rem);-webkit-transform:translateY(0.25rem);-ms-transform:translateY(0.25rem);transform:translateY(0.25rem)}
	[data-tooltip-mode="panel"]:before{
		top:calc(100% + 1em);
		right:auto;
		left:0.5em;
		width:auto;
		font-size:0.8em;
		padding:0.625em 1.125em;
		white-space:nowrap
	}
	[data-tooltip-mode="panel"]:after{
		top:calc(100% + 1em);
		left:calc(1em + 0.625em);
		right:auto;
		border-left:solid 0.5em transparent;
		border-right:solid 0.5em transparent;
		border-bottom:solid 0.5em var(--color-border-alt, #13151b);
		margin-top:-0.5em;
		font-size:0.8em
	}
	[data-tooltip-mode="panel"]:before,
	[data-tooltip-mode="panel"]:after{
		-moz-transform:translateY(-0.25rem);
		-webkit-transform:translateY(-0.25rem);
		-ms-transform:translateY(-0.25rem);
		transform:translateY(-0.25rem)
	}
	[data-tooltip-mode="pro"]:before{top:calc(100% + 1em);right:-1em;width:auto;font-size:0.8em;padding:0.625em 1.125em}
	[data-tooltip-mode="pro"]:after{top:calc(100% + 1em);right:0.625em;border-left:solid 0.5em transparent;border-right:solid 0.5em transparent;border-bottom:solid 0.5em var(--color-border-alt, #13151b);margin-top:-0.5em;font-size:0.8em}
	[data-tooltip-mode="pro"]:before,
	[data-tooltip-mode="pro"]:after{-moz-transform:translateY(-0.25rem);-webkit-transform:translateY(-0.25rem);-ms-transform:translateY(-0.25rem);transform:translateY(-0.25rem);-moz-transition-delay:0s;-webkit-transition-delay:0s;-ms-transition-delay:0s;transition-delay:0s}
	[data-tooltip-mode="pro"]:hover:before,
	[data-tooltip-mode="pro"]:hover:after{-moz-transition-delay:0s;-webkit-transition-delay:0s;-ms-transition-delay:0s;transition-delay:0s}
	[data-tooltip-mode="pro-fixed"]:before{top:calc(100% + 1em);right:-1em;width:16em;font-size:0.8em;padding:0.625em 1.125em;white-space:normal}
	[data-tooltip-mode="pro-fixed"]:after{top:calc(100% + 1em);right:0.625em;border-left:solid 0.5em transparent;border-right:solid 0.5em transparent;border-bottom:solid 0.5em var(--color-border-alt, #13151b);margin-top:-0.5em;font-size:0.8em}
	[data-tooltip-mode="pro-fixed"]:before,
	[data-tooltip-mode="pro-fixed"]:after{-moz-transform:translateY(-0.25rem);-webkit-transform:translateY(-0.25rem);-ms-transform:translateY(-0.25rem);transform:translateY(-0.25rem);-moz-transition-delay:0s;-webkit-transition-delay:0s;-ms-transition-delay:0s;transition-delay:0s}
	[data-tooltip-mode="pro-fixed"]:hover:before,
	[data-tooltip-mode="pro-fixed"]:hover:after{-moz-transition-delay:0s;-webkit-transition-delay:0s;-ms-transition-delay:0s;transition-delay:0s}
	[data-tooltip-mode="pro-menu"]:before{top:calc(100% + 1em);right:-0.5em;width:auto;font-size:0.8em;padding:0.625em 1.125em}
	[data-tooltip-mode="pro-menu"]:after{top:calc(100% + 1em);right:1.125em;border-left:solid 0.5em transparent;border-right:solid 0.5em transparent;border-bottom:solid 0.5em var(--color-border-alt, #13151b);margin-top:-0.5em;font-size:0.8em}
	[data-tooltip-mode="pro-menu"]:before,
	[data-tooltip-mode="pro-menu"]:after{-moz-transform:translateY(-0.25rem);-webkit-transform:translateY(-0.25rem);-ms-transform:translateY(-0.25rem);transform:translateY(-0.25rem);-moz-transition-delay:0s;-webkit-transition-delay:0s;-ms-transition-delay:0s;transition-delay:0s}
	[data-tooltip-mode="pro-menu"]:hover:before,
	[data-tooltip-mode="pro-menu"]:hover:after{-moz-transition-delay:0s;-webkit-transition-delay:0s;-ms-transition-delay:0s;transition-delay:0s}
	[data-tooltip-mode="pro-suffixes-option"]:before{right:calc(100% + 1em - 0.375em);bottom:0;width:13.5em;padding:0.625em 1.125em;font-size:0.9em}
	[data-tooltip-mode="pro-suffixes-option"]:after{top:calc(50% - 0.375em);right:calc(100% + 1em - 0.375em);border-top:solid 0.5em transparent;border-bottom:solid 0.5em transparent;border-left:solid 0.5em var(--color-border-alt, #13151b);margin-right:calc(-0.5em + 2px);font-size:0.9em}
	[data-tooltip-mode="pro-suffixes-option"]:before,
	[data-tooltip-mode="pro-suffixes-option"]:after{-moz-transform:translateX(0.25rem);-webkit-transform:translateX(0.25rem);-ms-transform:translateX(0.25rem);transform:translateX(0.25rem)}
	[data-tooltip-mode="pro-suffixes-option"]:hover:before,
	[data-tooltip-mode="pro-suffixes-option"]:hover:after{-moz-transition-delay:0s;-webkit-transition-delay:0s;-ms-transition-delay:0s;transition-delay:0s}
	[data-hint]{position:relative}
	[data-hint]:before{content:attr(data-hint);position:absolute;background:#8d73d5;color:#fff;font-size:0.9rem;padding:1em 1.325em 1em 1.25em;border-radius:6px;line-height:1.6;text-align:left}
	[data-hint]:after{content:'';display:block;position:absolute;width:0.5em;height:0.5em}
	[data-hint]:before,
	[data-hint]:after{
		-moz-transition:opacity 0.125s ease-in-out,-moz-transform 0.125s ease-in-out;
		-webkit-transition:opacity 0.125s ease-in-out,-webkit-transform 0.125s ease-in-out;
		-ms-transition:opacity 0.125s ease-in-out,-ms-transform 0.125s ease-in-out;
		transition:opacity 0.125s ease-in-out,transform 0.125s ease-in-out;
		-moz-transition-delay:0s;
		-webkit-transition-delay:0s;
		-ms-transition-delay:0s;
		transition-delay:0s;
		pointer-events:none;
		opacity:0;
		z-index:10000
	}
	[data-hint].hinted:before,
	[data-hint].hinted:after
	{
		-moz-transition:opacity 0.125s ease-in-out,-moz-transform 0.125s ease-in-out;
		-webkit-transition:opacity 0.125s ease-in-out,-webkit-transform 0.125s ease-in-out;
		-ms-transition:opacity 0.125s ease-in-out,-ms-transform 0.125s ease-in-out;
		transition:opacity 0.125s ease-in-out,transform 0.125s ease-in-out;
		-moz-transition-delay:0.175s;
		-webkit-transition-delay:0.175s;
		-ms-transition-delay:0.175s;
		transition-delay:0.175s;
		-moz-transform:none;
		-webkit-transform:none;
		-ms-transform:none;
		transform:none;
		opacity:1
	}
	[data-hint-mode="pro"]:before{top:calc(100% + 1em);right:-0.25em;width:auto;font-size:0.8em;padding:0.625em 1.125em}
	[data-hint-mode="pro"]:after{top:calc(100% + 1em);right:1.25em;border-left:solid 0.5em transparent;border-right:solid 0.5em transparent;border-bottom:solid 0.5em #8d73d5;margin-top:-0.5em;font-size:0.8em}
	[data-hint-mode="pro"]:before,
	[data-hint-mode="pro"]:after{-moz-transform:translateY(-0.25rem);-webkit-transform:translateY(-0.25rem);-ms-transform:translateY(-0.25rem);transform:translateY(-0.25rem);-moz-transition-delay:0s;-webkit-transition-delay:0s;-ms-transition-delay:0s;transition-delay:0s}
	[data-tooltip-mode="form-image-uploader-option"]:before{top:calc(100% + 1em);left:0;width:auto;font-size:0.8em;padding:0.625em 1.125em;white-space:nowrap}
	[data-tooltip-mode="form-image-uploader-option"]:after{top:calc(100% + 1em);left:calc(1em + 0.625em);border-left:solid 0.5em transparent;border-right:solid 0.5em transparent;border-bottom:solid 0.5em var(--color-border-alt, #13151b);margin-top:-0.5em;font-size:0.8em}
	[data-tooltip-mode="form-image-uploader-option"]:before,
	[data-tooltip-mode="form-image-uploader-option"]:after{-moz-transform:translateY(-0.25rem);-webkit-transform:translateY(-0.25rem);-ms-transform:translateY(-0.25rem);transform:translateY(-0.25rem)}		
	
	label [data-tooltip]{margin-left: 0.5em;}
	
	[data-tooltip-mode="chat"]:before
	{
		bottom:calc(100% + 0.5em);
		left: 0;
		max-width: 100%;
		width:auto;
		padding: 0.5em 1em;
		font-size: 0.9em;
	}
	[data-tooltip-mode="chat"]:after
	{
		bottom:calc(100% + 0.5em + 1px);
		left:0.5em;
		border-right:solid 0.5em transparent;
		border-left:solid 0.5em transparent;
		border-top:solid 0.5em var(--color-border-alt, #13151b);
		margin-bottom:-0.5em;
	}
	[data-tooltip-mode="chat"]:before,
	[data-tooltip-mode="chat"]:after
	{
		-moz-transform:translateY(0.25rem);
		-webkit-transform:translateY(0.25rem);
		-ms-transform:translateY(0.25rem);
		transform:translateY(0.25rem);
	}
	
	[data-tooltip-mode="shop"]:before{
		bottom:calc(100% - 0.125em);
		left:0.5em;
		width:auto;
		font-size:0.8em;
		padding:0.625em 1.125em;
		white-space:nowrap
	}
	[data-tooltip-mode="shop"]:after{
		bottom:calc(100% - 0.125em + 1px);
		left:calc(1em + 1.5em);
		border-left:solid 0.5em transparent;
		border-right:solid 0.5em transparent;
		border-top:solid 0.5em var(--color-border-alt, #13151b);
		margin-bottom:-0.5em;
		font-size:0.8em
	}
	[data-tooltip-mode="shop"]:before,
	[data-tooltip-mode="shop"]:after{
		-moz-transform:translateY(0.25rem);
		-webkit-transform:translateY(0.25rem);
		-ms-transform:translateY(0.25rem);
		transform:translateY(0.25rem)
	}

	[data-tooltip-mode="item-action"]:before {
		bottom: calc(100% - 0.125em);
		left: calc(50% - 1.5em);
		width: auto;
		font-size: 0.8em;
		padding: 0.625em 1.125em;
		white-space: nowrap;
	}

	[data-tooltip-mode="item-action"]:after {
		bottom: calc(100% - 0.125em + 1px);
		left: 50%;
		border-left: solid 0.5em transparent;
		border-right: solid 0.5em transparent;
		border-top: solid 0.5em var(--color-border-alt, #13151b);
		margin-bottom: -0.5em;
		font-size: 0.8em
	}

	[data-tooltip-mode="item-action"]:before,
	[data-tooltip-mode="item-action"]:after {
		-moz-transform: translateY(0.25rem);
		-webkit-transform: translateY(0.25rem);
		-ms-transform: translateY(0.25rem);
		transform: translateY(0.25rem)
	}

	[data-tooltip-mode="infoicon"]:before {
		bottom: calc(100% - 0.125em);
		left: -0.5em;
		width: auto;
		font-size: 0.9em;
		padding: 1em 1.125em 0.625em 1.125em;
		white-space: nowrap
	}

	[data-tooltip-mode="infoicon"]:after {
		bottom: calc(100% - 0.125em + 1px);
		left: 33%;
		border-left: solid 0.5em transparent;
		border-right: solid 0.5em transparent;
		border-top: solid 0.5em var(--color-border-alt, #13151b);
		margin-bottom: -0.5em;
		font-size: 0.9em
	}

	[data-tooltip-mode="infoicon"]:before,
	[data-tooltip-mode="infoicon"]:after {
		-moz-transform: translateY(0.25rem);
		-webkit-transform: translateY(0.25rem);
		-ms-transform: translateY(0.25rem);
		transform: translateY(0.25rem)
	}

	[data-tooltip-mode="icon"]:before {
		bottom: calc(100% - 0.125em);
		left: -1em;
		width: auto;
		font-size: 0.9em;
		padding: 1em 1.125em 0.625em 1.125em;
		white-space: nowrap
	}

	[data-tooltip-mode="icon"]:after {
		bottom: calc(100% - 0.125em + 1px);
		left: 0.3em;
		border-left: solid 0.5em transparent;
		border-right: solid 0.5em transparent;
		border-top: solid 0.5em var(--color-border-alt, #13151b);
		margin-bottom: -0.5em;
		font-size: 0.9em
	}

	[data-tooltip-mode="icon"]:before,
	[data-tooltip-mode="icon"]:after {
		-moz-transform: translateY(0.25rem);
		-webkit-transform: translateY(0.25rem);
		-ms-transform: translateY(0.25rem);
		transform: translateY(0.25rem)
	}

	[data-tooltip-mode="resource"]:before {
		bottom: calc(100% + 0.5em);
		left: -1em;
		width: auto;
		font-size: 0.9em;
		padding: 1em 1.125em 0.625em 1.125em;
		white-space: nowrap
	}

	[data-tooltip-mode="resource"]:after {
		bottom: calc(100% + 0.5em + 1px);
		left: calc(50% + 0.3em);
		border-left: solid 0.5em transparent;
		border-right: solid 0.5em transparent;
		border-top: solid 0.5em var(--color-border-alt, #13151b);
		margin-bottom: -0.5em;
		font-size: 0.9em
	}

	[data-tooltip-mode="resource"]:before,
	[data-tooltip-mode="resource"]:after {
		-moz-transform: translateY(0.25rem);
		-webkit-transform: translateY(0.25rem);
		-ms-transform: translateY(0.25rem);
		transform: translateY(0.25rem)
	}
	
	[data-tooltip-mode="help"]:before{
		top:calc(100% + 1em);
		right:auto;
		left:-1em;
		width:auto;
		font-size:0.8em;
		padding:0.625em 1.125em;
		white-space:nowrap
	}
	[data-tooltip-mode="help"]:after{
		top:calc(100% + 1em);
		left:0.125em;
		right:auto;
		border-left:solid 0.5em transparent;
		border-right:solid 0.5em transparent;
		border-bottom:solid 0.5em var(--color-border-alt, #13151b);
		margin-top:-0.5em;
		font-size:0.8em
	}
	[data-tooltip-mode="help"]:before,
	[data-tooltip-mode="help"]:after{
		-moz-transform:translateY(-0.25rem);
		-webkit-transform:translateY(-0.25rem);
		-ms-transform:translateY(-0.25rem);
		transform:translateY(-0.25rem)
	}	
	
	[data-tooltip-mode="infobar-header-action"]:before{
		top:calc(100% + 1em);
		right:auto;
		left:1em;
		width:auto;
		font-size:0.8em;
		padding:0.625em 1.125em;
		white-space:nowrap
	}
	[data-tooltip-mode="infobar-header-action"]:after{
		top:calc(100% + 1em);
		left:calc(1.5em + 0.625em);
		right:auto;
		border-left:solid 0.5em transparent;
		border-right:solid 0.5em transparent;
		border-bottom:solid 0.5em var(--color-border-alt, #13151b);
		margin-top:-0.5em;
		font-size:0.8em
	}
	[data-tooltip-mode="infobar-header-action"]:before,
	[data-tooltip-mode="infobar-header-action"]:after{
		-moz-transform:translateY(-0.25rem);
		-webkit-transform:translateY(-0.25rem);
		-ms-transform:translateY(-0.25rem);
		transform:translateY(-0.25rem)
	}	
	
	[data-tooltip-mode="infobar-footer-action"]:before{
		bottom:calc(100% - 0.125em);
		/*left:0.5em;*/
		right: -0.5em;
		width:auto;
		font-size:0.8em;
		padding:0.625em 1.125em;
		white-space:nowrap
	}
	[data-tooltip-mode="infobar-footer-action"]:after{
		bottom:calc(100% - 0.125em + 1px);
		left:calc(2.35em + 0.625em);
		border-left:solid 0.5em transparent;
		border-right:solid 0.5em transparent;
		border-top:solid 0.5em var(--color-border-alt, #13151b);
		margin-bottom:-0.5em;
		font-size:0.8em
	}
	[data-tooltip-mode="infobar-footer-action"]:before,
	[data-tooltip-mode="infobar-footer-action"]:after{-moz-transform:translateY(0.25rem);-webkit-transform:translateY(0.25rem);-ms-transform:translateY(0.25rem);transform:translateY(0.25rem)}

	[data-tooltip-mode="overlay-action"]:before {
		bottom: calc(100% - 0.125em);
		left: 0.5em;
		width: auto;
		font-size: 0.8em;
		padding: 0.625em 1.125em;
		white-space: nowrap
	}

	[data-tooltip-mode="overlay-action"]:after {
		bottom: calc(100% - 0.125em + 1px);
		left: calc(1em + 0.75em);
		border-left: solid 0.5em transparent;
		border-right: solid 0.5em transparent;
		border-top: solid 0.5em var(--color-border-alt, #13151b);
		margin-bottom: -0.5em;
		font-size: 0.8em
	}

	[data-tooltip-mode="overlay-action"]:before,
	[data-tooltip-mode="overlay-action"]:after {
		-moz-transform: translateY(0.25rem);
		-webkit-transform: translateY(0.25rem);
		-ms-transform: translateY(0.25rem);
		transform: translateY(0.25rem)
	}

	
	[data-color-mode="invert"]:before{
		background: var(--color-standard-75, rgba(246, 250, 255, 0.75));
		color: var(--color-border-alt, #13151b);
	}	
	
	[data-color-mode="invert"]:after{
		border-bottom: solid 0.5em var(--color-standard-75, rgba(246, 250, 255, 0.75));
	}

	[data-color-mode="highlight"]:before {
		background: var(--color-poptip, #26a1edbf);
		color: #24a0ed;
		color: var(--color-border-alt, #13151b);
		color: var(--color-standard-75, rgba(246, 250, 255, 0.75));
	}

	[data-color-mode="highlight"]:after {
		border-bottom: solid 0.5em var(--color-poptip, #26a1edbf);
	}

	[data-weight="bold"]:before {
		font-weight: 700;
	}

/* Poptips */

	.poptip {
		position: relative;
	}

		.poptip:before {
			content: attr(data-poptip);
			font-size: 0.8em;
			line-height: 1.6;
			position: absolute;
			bottom: calc(100% + 2em);
			right: -1em;
			background: var(--color-poptip, #26a1edbf);
			color: var(--color-white, #ffffff);
			line-height: 1;
			white-space: nowrap;
			padding: 0.625em 1.125em;
			animation: poptip 2.5s forwards;
			animation-delay: 1s;
			opacity: 0;
		}

		.poptip:after {
			content: '';
			position: absolute;
			bottom: calc(100% + 1.125em - 1px);
			left: calc(50% - 0.5em);
			border-left: solid 0.5em transparent;
			border-right: solid 0.5em transparent;
			border-top: solid 0.5em var(--color-poptip, #26a1edbf);
			width: 0.5em;
			height: 0.5em;
			animation: poptip 2.5s forwards;
			animation-delay: 1s;
			opacity: 0;
		}

		.poptip.center:before {
			right: 50%;
			transform: translate(50%, 0);
			animation: poptip-center 2.5s forwards;
			animation-delay: 1s;
		}

		@media screen and (max-width: 1680px) {

			.poptip:after {
				bottom: calc(100% + 1.125em);
			}
		}

	@keyframes poptip {
		0% {
			opacity: 0;
			transform: translateY(0);
		}

		10% {
			opacity: 1;
			transform: translateY(0.125rem);
		}

		20% {
			opacity: 1;
			transform: translateY(-0.125rem);
		}

		30% {
			opacity: 1;
			transform: translateY(0.125rem);
		}

		40% {
			opacity: 1;
			transform: translateY(-0.125rem);
		}

		50% {
			opacity: 1;
			transform: translateY(0.125rem);
		}

		60% {
			opacity: 1;
			transform: translateY(0);
		}

		90% {
			opacity: 1;
		}

		100% {
			opacity: 0;
		}
	}

	@keyframes poptip-center {
		0% {
			opacity: 0;
			transform: translate(50%,0);
		}

		10% {
			opacity: 1;
			transform: translate(50%,0.125rem);
		}

		20% {
			opacity: 1;
			transform: translate(50%,-0.125rem);
		}

		30% {
			opacity: 1;
			transform: translate(50%,0.125rem);
		}

		40% {
			opacity: 1;
			transform: translate(50%,-0.125rem);
		}

		50% {
			opacity: 1;
			transform: translate(50%,0.125rem);
		}

		60% {
			opacity: 1;
			transform: translate(50%,0);
		}

		90% {
			opacity: 1;
		}

		100% {
			opacity: 0;
		}
	}

/* Console */
	
		#console {
			background: rgba(0, 0, 0, 0.75);
			/*border-radius: 0.375em;*/
			border: var(--border-dark, solid 1px #2b2c2d);
			/*font-family: "Courier New", monospace;*/
			font-family: var(--font-fixed, 'Inconsolata', monospace);
			font-size: 0.8em;
			letter-spacing: 0.015em;
			-webkit-overflow-scrolling: touch;
			margin: 0 0 2em 0;
			display: block;
			line-height: 1.2em;
			padding: 1em 1.5em;
			overflow-x: auto;
			position: absolute;
			top: 5.5em;
			top: 1em;
			left: 1em;
			right: 1em;
			z-index: 20000;
			transition: .25s linear;	
			max-width: 26em;
			position: fixed;
			animation: foldout 1.4s ease-in-out;
		}
	
			#console header {
				text-align: center;
				margin-bottom: 0.5em;
			}
			
			#console.closed {
				animation: foldin 1.4s ease-in-out;	
				opacity: 0;
			}			
			
			#console .close {
				position: absolute;
				top: 1em;
				right: 1.5em;
				border-bottom: none;
				color: inherit;				
			}
			
			#console:hover {
				color:var(--color-standard, #eceeef);
			}
			#console:before,#console:after{
			  position: absolute;
			  top: 0;
			  content:'';
			  width: 4px;
			  height: 100%;
			  display: inline-block;
			}
			#console:before{
			  border-left: solid 1px var(--color-standard-half, #eceeef80);
			  border-top: solid 1px var(--color-standard-half, #eceeef80);
			  border-bottom: solid 1px var(--color-standard-half, #eceeef80);
			  left: 0;
			}
			#console:after{
			  content: '';
			  border-top: solid 1px var(--color-standard-half, #eceeef80);
			  border-right: solid 1px var(--color-standard-half, #eceeef80);
			  border-bottom: solid 1px var(--color-standard-half, #eceeef80);
			  right: 0;
			}	
			
			#console:hover:before, #console:hover:after,
			#console:focus:before, #console:focus:after{
				-moz-animation: widen 0.25s;
				-webkit-animation: widen 0.25s;
				-ms-animation: widen 0.25s;				
			  	animation: widen 0.25s;
				width: 8px;
			}		

		@keyframes foldout {
			0% {height: 1px; max-width:1px; border: solid 1px var(--color-white, #ffffff); padding: 0; overflow-x: hidden; opacity: 0;}
			33% {height: 1px; max-width:1px; border: solid 1px var(--color-white, #ffffff); padding: 0; overflow-x: hidden; opacity: 1;}
			66% {height: auto; max-width:1px; border: var(--border-dark, solid 1px #2b2c2d); padding: 0; overflow-x: hidden; opacity: 1;}
			100% {height: auto; max-width: 26em; border: var(--border-dark, solid 1px #2b2c2d); padding: 1em 1.5em; overflow-x: auto; opacity: 1;}
		}
		
		@keyframes foldin {
			0% {height: auto; max-width: 26em; border: var(--border-dark, solid 1px #2b2c2d); padding: 1em 1.5em; overflow-x: auto; opacity: 1;}
			33% {height: auto; max-width:1px; border: var(--border-dark, solid 1px #2b2c2d); padding: 0; overflow-x: hidden; opacity: 1;}
			66% {height: 1px; max-width:1px; border: solid 1px var(--color-white, #ffffff); padding: 0; overflow-x: hidden; opacity: 1; }
			100% {height: 1px; max-width:1px; border: solid 1px var(--color-white, #ffffff); padding: 0; overflow-x: hidden; opacity: 0;}
		}		
					
/* Node Graph Editor */

	.node {
		-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;		
		background: rgba(110, 136, 255, 0.8);
		
		cursor: url('../images/cursor_link.png') 10 5, pointer;
		min-width: 180px;
		height: auto;
		box-sizing: content-box;
		position: relative;
		user-select: none;
		background-color: transparent;
		background: var(--color-standard-03, rgba(246, 250, 255, 0.0375));
		/*color: var(--color-standard, #eceeef) !important;*/
		color: var(--color-standard-75, rgba(246, 250, 255, 0.75));
		/*border: solid 2px var(--color-border, #2b2c2d);
		border: 1px solid var(--color-standard-20, rgba(246, 250, 255, 0.2));*/
		padding-bottom: 0.5em;
	}
	
		.node:hover {
			background-color: var(--color-background-hover, rgba(0, 166, 217, 0.05));
		}	
		
		.node:active {
			background-color: var(--color-background-active, rgba(0, 166, 217, 0.15));
		}

		.node.selected {
			border: 1px solid var(--color-primary, #24a0ed);
		}		
		
		
		
		.node .title {
			font-family: var(--font-heading, 'Orbitron', sans-serif);
			font-weight: 400;
			font-size: 0.8em;
			line-height: 1em;
			letter-spacing: 0.05em;
			-moz-transition: color .15s ease-in-out;
			-webkit-transition: color .15s ease-in-out;
			-ms-transition: color .15s ease-in-out;
			transition: color .15s ease-in-out;
			color: var(--color-standard-50, rgba(246, 250, 255, 0.5));	
			padding: 0.5em 1em;
			margin-bottom: 0.5em;
			/*border-bottom: 1px solid var(--color-standard-20, rgba(246, 250, 255, 0.2));*/
			background-color: var(--color-foreground-alt, #1a1b1d);
		}

		.node.selected .title {
			color: var(--color-primary, #24a0ed) !important;
			/*border-bottom: 1px solid #24a0ed;*/
		}			
		
		.node .input {
			text-align: left;
		}					
		
		.node .output {
			text-align: right;
		}		
		
		.node .input,
		.node .output {
			color: var(--color-standard-50, rgba(246, 250, 255, 0.5));
			font-size: 0.8em;
			letter-spacing: 0.05em;
		}			

			.node .input .input-title,
			.node .output .output-title{
				display: inline-block;
			}			
		
		.node .socket {
			display: inline-block;
			cursor: url('../images/cursor_link.png') 10 5, pointer;
			margin: 0.5em 1em;
			vertical-align: middle;
			z-index: 2;
			/*border: solid 2px var(--color-border, #2b2c2d);
			border: 1px solid var(--color-standard-20, rgba(246, 250, 255, 0.2));*/
			border-radius: 50%;
			width: 0.75em;
			height: 0.75em;
			background-color: var(--color-border, #2b2c2d);		
			box-shadow: 0 0 0 1.15px #4d4e4f;			
		}


			.node .socket:hover {
				/*border-width: 4px;
				border-width: 2px;*/
				box-shadow: 0 0 0 1.15px var(--color-primary, #24a0ed);
			}	
		
			.node .socket.output {
				margin-right: -0.45em;
			}		
			
			.node .socket.input {
				margin-left: -0.375em;
			}			
			
			.node .socket.number {
				background: #96b38a; /*replaceme*/
			}		

			.node .socket.string {
				background: #6f377e; /*replaceme*/
			}				
			
			.node .socket.action {
				border-radius: 0;
				-moz-transform: rotate(45deg);
				-webkit-transform: rotate(45deg);
				-ms-transform: rotate(45deg);
				transform: rotate(45deg);
			}			
			
		.node .control {
			padding: 0.5em 1em;
			display: none; /* hiding this for now */
		}			
		
	.module {
		color: #a167e7; /*replaceme*/
	}		
		
		.module:hover {
			color: #a167e7; /*replaceme*/
		}			
		
	.connection {
		overflow: visible !important;
		width: 1em;
		height: 1em;
	}

		.connection .main-path {
			fill: none;
			stroke-width: 2px;
			stroke: var(--color-border, #2b2c2d);
		}
		
		
		
		

/* collapsible */
.collapsible {
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
}

	.collapsible .heading {
		-moz-transition: color 0.2s ease-in-out;
		-webkit-transition: color 0.2s ease-in-out;
		-ms-transition: color 0.2s ease-in-out;
		transition: color 0.2s ease-in-out;
		text-decoration: none;
		-webkit-tap-highlight-color: rgba(246, 250, 255, 0);
		position: relative;
		cursor: url('../images/cursor_link.png') 10 5, pointer;
	}

		.collapsible .heading:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			display: inline-block;
			font-style: normal;
			font-variant: normal;
			text-rendering: auto;
			line-height: 1;
			text-transform: none !important;
			font-family: 'Font Awesome 6 Pro';
			font-weight: 100;
		}

		.collapsible .heading:before {
			-moz-transition: color 0.2s ease-in-out, -moz-transform 0.2s ease-in-out;
			-webkit-transition: color 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
			-ms-transition: color 0.2s ease-in-out, -ms-transform 0.2s ease-in-out;
			transition: color 0.2s ease-in-out, transform 0.2s ease-in-out;
			color: var(--color-subtle-alt, #9fa3a6);
			content: '\f078';
			position: absolute;
			right: 0;
			top: 1em;
			top: 0;
			font-size: 1.25em;
			line-height: 1.5;
		}

		.collapsible .heading.smallchevron:before {
			font-size: 1em;
		}

		.collapsible .heading:hover:before {
			color: var(--color-primary, #24a0ed);
		}

		.collapsible .heading.active + .content {
			/*display: block;*/
			max-height: initial;
		}

		.collapsible .heading.active:before {
			-moz-transform: rotate(-180deg);
			-webkit-transform: rotate(-180deg);
			-ms-transform: rotate(-180deg);
			transform: rotate(-180deg);
		}

		.collapsible .heading h2 {
			margin-bottom: 0;
		}

		.collapsible .heading p {
			margin-bottom: 1em;
			text-transform: uppercase;
			font-size: 0.9em;
		}

		.collapsible .heading.active h2 {
			margin-bottom: 1em;
		}

	.collapsible .content {
		/*display: none;*/
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.2s ease-in-out;
	}

	.nested .collapsible {
		position: relative;
	}

	.nested .collapsible .content {
		padding-left: 1em;
	}

		.nested .collapsible .heading.active + .content:before {
			position: absolute;
			top: 2.25em;
			left: 0;
			content: '';
			width: 2px;
			height: calc(100% - 4.25em);
			background-color: var(--color-border, #2b2c2d);
		}

		.nested .infobutton-list li button > div:first-child {
			min-width: 12em;
		}

	#infobar .collapsible .content>* {
		margin-bottom: 2em;
	}
	
/* Image Selector */

	.image-selector {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
	}

		.image-selector .image {
			width: 6.9em;
			height: 6.9em;
			-moz-flex-grow: 0;
			-webkit-flex-grow: 0;
			-ms-flex-grow: 0;
			flex-grow: 0;
			-moz-flex-shrink: 0;
			-webkit-flex-shrink: 0;
			-ms-flex-shrink: 0;
			flex-shrink: 0;
			margin-bottom: 0;
		}

		.image-selector .actions {
			padding-left: 1.5em;
			margin-bottom: 0;
		}	

/* Data tables */

	.data-table {

	}

		.data-table input[type="checkbox"] + label {
			padding-left: 0.9em;
		}

		.data-table ul.actions {
			margin-bottom: 0;
		}

			.data-table ul.actions.right {
				justify-content: flex-end;
			}

		.data-table tr {
			-moz-transition: color .15s ease-in-out;
			-webkit-transition: color .15s ease-in-out;
			-ms-transition: color .15s ease-in-out;
			transition: color .15s ease-in-out;
			color: var(--color-standard-50, rgba(246, 250, 255, 0.5));
			/*cursor: url(../../images/cursor_link.png) 10 5, pointer;*/
		}

			.data-table tr:hover {
				color: var(--color-primary, #24a0ed) !important;
				color: var(--color-standard, #eceeef) !important;
			}

			table.data-table td {
				padding: 0.5em 0.5em;
			}
	
/* custom scrollbars */

	/* width */
	::-webkit-scrollbar {
		width: 10px;
		height: 10px;
	}
	
	/* Track */
	::-webkit-scrollbar-track {
		background: transparent;
	}
	
	/* Handle */
	::-webkit-scrollbar-thumb {
		background: var(--color-border-half, #2b2c2d80);
		border: var(--border-dark, solid 1px #2b2c2d);
	}
	
	/* Handle on hover */
	::-webkit-scrollbar-thumb:hover {
		background: var(--color-border, #2b2c2d);
	}

	/* Where scrollbars meet */
	::-webkit-scrollbar-corner {
		background: transparent;
	}

	/* Resizer */
	::-webkit-resizer {
		background: transparent;
	}


/* credits */

	.credits {
		font-family: 'Teko', sans-serif;
		text-transform: uppercase;
		font-size: 3em;
		line-height: 0.9em;
		text-align: center;
		margin-bottom: 0.666em;
	}

		.credits sup,
		.credits sub {
			font-size: 0.4em;
		}

		.credits sup {
			top: -0.85em;
		}

		.credits sub {
			top: 0em;
		}

		.credits > div {
			display: inline-block;
			margin-right: 0.25em;
			line-height: 0.35em;
		}

			.credits > div > span {
				font-size: 0.45em;
				display: inline-block;
				text-align: right;
				margin-right: 0.25em;
			}

			.credits > div > span:last-child {
				margin-left: 0.25em;
			}


/* Charts */

	.chart-container {
		position: relative;
		margin: auto;
		height: 20em;
		width: 100%;
	}

		.chart-container.sml {
			height: 10em;
		}

		.chart-container.med {
			height: 30em;
		}

		.chart-container.lrg {
			height: 40em;
		}

		.chart-container.xlrg {
			height: 50em;
		}


/* Flipcard */

	.flipcard {
		position: relative;
		width: 100%;
		height: 100%;
		transform-style: preserve-3d;
		transform-origin: center right;
		/*transform-origin: center;*/
		transition: transform 1s;

	}

		.flipcard.is-flipped {
			transform: translateX(-100%) rotateY(-180deg);
			/*transform: rotateY(-180deg);*/
		}

		.cardface {
			position: absolute;
			width: 100%;
			height: 100%;
			padding: 1.5em;
			backface-visibility: hidden;
			height: auto;
			-webkit-transform-style: preserve-3d;
			transform-style: preserve-3d;
		}

		.card-front {
			background: var(--color-foreground, #1e1f21);
		}

			.card-front .image.fit {
				margin: -1.5em -1.5em 1.5em -1.5em;
				width: calc(100% + 3em);
			}

			.card-front ul.actions {
				margin-bottom: 0;
			}

		.card-back {
			background: var(--color-foreground, #1e1f21);
			transform: rotateY(180deg);

		}

			.card-back .btn {
				transform: translateZ(1px);
			}

	@media screen and (max-width: 736px) {
		.flipcard {
			min-height: 30em;
		}
	}

/* Copy buttons */

	.btn {
		position: absolute;
		top: 1.5em;
		right: 2.5em;
		color: var(--color-copyright, rgba(159, 163, 166, 0.125));
	}

		.btn:before {
			font-size: 1em;
			height: inherit;
			left: 0;
			line-height: inherit;
			position: absolute;
			text-indent: 0;
			top: 0;
			width: inherit;
		}

		.btn:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			display: inline-block;
			font-style: normal;
			font-variant: normal;
			text-rendering: auto;
			line-height: 1;
			text-transform: none !important;
			font-family: 'Font Awesome 6 Pro';
			font-weight: 100;
		}

		.btn.copy:before {
			content: '\f1f9';
		}

		.btn.close:before {
			content: '\f00d';
		}


/* Trees */

.tree {
	display: flex;
	flex-flow: column;
	row-gap: 1em;
	overflow-x: scroll;
	margin-bottom: 1em;
	padding-bottom: 1em;
}

	.tree .tree-heading {
	}

		.tree .tree-heading h3 {
			color: rgba(246,250,255,0.25);
			margin-bottom: 0;
			font-size: 1em;
			letter-spacing: 0.075em;
		}


	.tree .tree-row {
		display: flex;
		column-gap: 2em;
	}

		.tree .tree-row .tree-row-spacer {
			width: 20em;
			min-width: 20em;
		}


		.tree .tree-row .tree-row-item {
			vertical-align: middle;
			position: relative;
			width: 20em;
			min-width: 20em;
		}

			.tree .tree-row .tree-row-item.selected button {
				background-color: var(--color-background-active, rgba(0, 166, 217, 0.15));
			}

	.tree-line {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
	}


		.tree-line.branch:before {
			content: "";
			width: 1em;
			border-top: 1px solid rgba(246,250,255,0.1);
			position: absolute;
			right: -1em;
			top: 50%;
		}

		.tree-line.entry:after {
			content: "";
			width: 1em;
			border-top: 1px solid rgba(246,250,255,0.1);
			position: absolute;
			left: -1em;
			top: 50%;
		}

		.tree-line.branch-down:after {
			content: "";
			height: 4em;
			border-right: 1px solid rgba(246,250,255,0.1);
			position: absolute;
			right: -1em;
			top: 50%;
		}

		.tree-line.branch-up:after {
			content: "";
			height: 4em;
			border-right: 1px solid rgba(246,250,255,0.1);
			position: absolute;
			right: -1em;
			bottom: 50%;
		}

		.tree-line.branch.highlight:before,
		.tree-line.entry.highlight:after {
			border-top: 1px solid rgba(36,160,237,0.5);
		}

		.tree-line.branch-down.highlight:after,
		.tree-line.branch-up.highlight:after {
			border-right: 1px solid rgba(36,160,237,0.5);
		}

		.tree-line.branch.disabled:before,
		.tree-line.entry.disabled:after {
			border-top: 1px solid rgba(246,250,255,0.025);
		}

		.tree-line.branch-down.disabled:after,
		.tree-line.branch-up.disabled:after {
			border-right: 1px solid rgba(246,250,255,0.025);
		}

	.tree .tree-row .tree-row-item button {
		height: 100%;
		padding: 0;
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		position: relative;
	}

		.tree .tree-row .tree-row-item button > div {
			-moz-flex-grow: 0;
			-webkit-flex-grow: 0;
			-ms-flex-grow: 0;
			flex-grow: 0;
			-moz-flex-shrink: 1;
			-webkit-flex-shrink: 1;
			-ms-flex-shrink: 1;
			flex-shrink: 1;
			display: -moz-flex;
			display: -webkit-flex;
			display: -ms-flex;
			display: flex;
			align-items: center;
			min-height: 3.5em;
			margin-right: 1.5em;
		}

			.tree .tree-row .tree-row-item button > div:first-child {
				-moz-flex-grow: 1;
				-webkit-flex-grow: 1;
				-ms-flex-grow: 1;
				flex-grow: 1;
				-moz-flex-direction: column;
				-webkit-flex-direction: column;
				-ms-flex-direction: column;
				flex-direction: column;
				align-items: baseline;
				position: relative;
				min-width: 15em;
			}

			.tree .tree-row .tree-row-item button > div:last-child {
				margin-right: 0.5em;
			}

	.tree .tree-row .tree-row-item div > img,
	.tree .tree-row .tree-row-item div > .swatch {
		height: 32px;
		width: 32px;
		position: absolute;
		left: 1em;
		top: 50%;
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.tree .tree-row .tree-row-item div > .swatch {
		border: solid 1px rgba(246,250,255,0.1);
	}

	.tree .tree-row .tree-row-item div > .name {
		letter-spacing: 0.05em;
		-moz-transition: color .15s ease-in-out;
		-webkit-transition: color .15s ease-in-out;
		-ms-transition: color .15s ease-in-out;
		transition: color .15s ease-in-out;
		color: var(--color-standard-50, rgba(246, 250, 255, 0.5));
		margin: 0 0 0 1em;
		text-transform: initial;
		white-space: nowrap;
		text-overflow: ellipsis;
		width: 80%;
		overflow: hidden;
		text-align: left;
		margin-top: 0.3125em;
	}

	.tree .tree-row .tree-row-item div > .icon + .name,
	.tree .tree-row .tree-row-item div > .portrait + .name,
	.tree .tree-row .tree-row-item div > .swatch + .name {
		margin: 0.25em 0 0 4.5em;
	}

	.tree .tree-row .tree-row-item div > .name:last-child {
		margin-top: auto;
		margin-bottom: auto;
	}

	.tree .tree-row .tree-row-item div > .desc {
		margin-left: 1em;
		text-align: left;
		white-space: nowrap;
		text-overflow: ellipsis;
		width: 80%;
		overflow: hidden;
	}

		.tree .tree-row .tree-row-item div > .name:not(:last-child),
		.tree .tree-row .tree-row-item div > .desc:not(:last-child) {
			width: calc(100% - 1em);
		}

	.tree .tree-row .tree-row-item div > .desc,
	.tree .tree-row .tree-row-item div > .cat,
	.tree .tree-row .tree-row-item div > .type {
		line-height: 1em;
		margin-bottom: 0;
		text-transform: none;
	}

	.tree .tree-row .tree-row-item div > .desc,
	.tree .tree-row .tree-row-item div > .cat,
	.tree .tree-row .tree-row-item div > .type {
		color: rgba(246, 250, 255, 0.25) !important;
	}

	.tree .tree-row .tree-row-item div > .icon ~ .desc,
	.tree .tree-row .tree-row-item div > .portrait ~ .desc,
	.tree .tree-row .tree-row-item div > .swatch ~ .desc {
		margin-left: 5em;
		margin-bottom: 0.5em;
		margin-top: 0.25em;
	}

	.tree .tree-row .tree-row-item button:hover .name {
		color: var(--color-standard, #eceeef) !important;
	}

	.tree .tree-row .tree-row-item button:hover .desc,
	.tree .tree-row .tree-row-item button:hover .cat,
	.tree .tree-row .tree-row-item button:hover .type {
		color: rgba(246, 250, 255, 0.5) !important;
	}

	.tree .tree-row .tree-row-item.selected a .name {
		color: var(--color-primary, #24a0ed) !important;
	}

	.tree .tree-row .tree-row-item.selected a .desc,
	.tree .tree-row .tree-row-item.selected a .cat,
	.tree .tree-row .tree-row-item.selected a .type {
		color: rgba(246, 250, 255, 0.75) !important;
	}

	.tree .tree-row .tree-row-item div > .cat {
		color: rgba(246, 250, 255, 0.25) !important;
		position: absolute;
		top: 0.625em;
		right: 0;
	}

	.tree .tree-row .tree-row-item div > .type {
		color: rgba(246, 250, 255, 0.25) !important;
		position: absolute;
		right: 0;
		bottom: 0.625em;
	}

	.tree .tree-row .tree-row-item div:last-child > .cat,
	.tree .tree-row .tree-row-item div:last-child > .type {
		right: 1em;
	}

	.tree .tree-row .tree-row-item img,
	.tree .tree-row .tree-row-item .icons,
	.tree .tree-row .tree-row-item .swatch {
		-moz-transition: opacity .15s ease-in-out;
		-webkit-transition: opacity .15s ease-in-out;
		-ms-transition: opacity .15s ease-in-out;
		transition: opacity .15s ease-in-out;
		opacity: 0.5;
	}

	.tree .tree-row .tree-row-item button:hover img,
	.tree .tree-row .tree-row-item button:hover .icons,
	.tree .tree-row .tree-row-item button:hover .swatch {
		opacity: 1;
	}

	.tree .tree-row .tree-row-item div:last-child > .icons {
		margin-right: 1em;
		z-index: 100;
	}

	.tree .tree-row .tree-row-item.selected button img,
	.tree .tree-row .tree-row-item.selected button .icons,
	.tree .tree-row .tree-row-item.selected button .swatch {
		opacity: 1;
	}

	.tree .tree-row .tree-row-item div > .icons {
		margin-bottom: 0;
	}

	.tree .tree-row .tree-row-item button .icons {
		color: rgba(246, 250, 255, 0.5) !important;
	}

		.tree .tree-row .tree-row-item button .icons li .icon.fa-user:before {
			padding-right: 0.25em;
		}

	.tree .tree-row .tree-row-item.earned button {
		background-color: var(--color-background-hover, rgba(0, 166, 217, 0.05));
	}

.tree .tree-row .tree-row-item button .progress-bar {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 15%;
	background: rgba(36,160,237,0.0625);
	border-color: rgba(246,250,255,0.1);
	z-index: -1;
	background-color: var(--color-background-hover, rgba(0, 166, 217, 0.05));
	border-right: solid 1px rgba(246,250,255,0.05);
}


/* Cascade (Nested) Tree */

.cascade-tree {
	padding-left: 0;
	margin-bottom: 1em;
}

	.cascade-tree:not(:empty):before,
	.cascade-tree:not(:empty):after,
	.cascade-tree ul:not(:empty):before,
	.cascade-tree ul:not(:empty):after,
	.cascade-tree li.tree-item:not(:empty):before,
	.cascade-tree li.tree-item:not(:empty):after {
		display: block;
		position: absolute;
		content: "";
	}


	.cascade-tree ul, .cascade-tree li.tree-item {
		position: relative;
		margin: 0;
		padding: 0;
	}

		.cascade-tree li.tree-item {
			list-style: none;
		}

		.cascade-tree li.tree-item {
			margin-left: 2em;
		}

		.cascade-tree li.tree-item:before {
			border-left: 1px solid rgba(246,250,255,0.1);
			height: 100%;
			width: 0;
			top: 0;
			left: -1em;
		}

		.cascade-tree li.tree-item:after {
			border-top: 1px solid rgba(246,250,255,0.1);
			width: 1em;
			left: -1em;
			top: 2.35em;
		}

		.cascade-tree > li.tree-item:only-child {
			margin-left: 0;
		}

	.cascade-tree li.tree-item > div {
		display: inline-block;
		width: 100%;
		min-width: 100%;
		vertical-align: middle;
		position: relative;
	}

	.cascade-tree li.tree-item > div {
		margin-top: 1em;
	}

	.cascade-tree li.tree-item:last-child:before {
		height: 2.35em;
		top: 0;
	}

	.cascade-tree > li.tree-item:first-child:before {
		top: 2.35em;
	}

	.cascade-tree > li.tree-item:only-child {
		margin-left: 0;
	}

		.cascade-tree > li.tree-item:only-child:before,
		.cascade-tree > li.tree-item:only-child:after {
			content: none;
		}

	.cascade-tree > li.tree-item > div {
		margin-top: 0;
	}



	.cascade-tree li button {
		padding: 0;
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		position: relative;
	}

		.cascade-tree li button > div {
			-moz-flex-grow: 0;
			-webkit-flex-grow: 0;
			-ms-flex-grow: 0;
			flex-grow: 0;
			-moz-flex-shrink: 1;
			-webkit-flex-shrink: 1;
			-ms-flex-shrink: 1;
			flex-shrink: 1;
			display: -moz-flex;
			display: -webkit-flex;
			display: -ms-flex;
			display: flex;
			align-items: center;
			min-height: 3.5em;
			margin-right: 1.5em;
		}

			.cascade-tree li button > div:first-child {
				-moz-flex-grow: 1;
				-webkit-flex-grow: 1;
				-ms-flex-grow: 1;
				flex-grow: 1;
				-moz-flex-direction: column;
				-webkit-flex-direction: column;
				-ms-flex-direction: column;
				flex-direction: column;
				align-items: baseline;
				position: relative;
				min-width: 15em;
			}

			.cascade-tree li button > div:last-child {
				margin-right: 0.5em;
			}




.cascade-tree li > div img,
.cascade-tree li > div .swatch {
	height: 32px;
	width: 32px;
	position: absolute;
	left: 1em;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.cascade-tree li > div .swatch {
	border: solid 1px rgba(246,250,255,0.1);
}

.cascade-tree li > div .name {
	letter-spacing: 0.05em;
	-moz-transition: color .15s ease-in-out;
	-webkit-transition: color .15s ease-in-out;
	-ms-transition: color .15s ease-in-out;
	transition: color .15s ease-in-out;
	color: var(--color-standard-50, rgba(246, 250, 255, 0.5));
	margin: 0 0 0 1em;
	text-transform: initial;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 80%;
	overflow: hidden;
	text-align: left;
	margin-top: 0.3125em;
}

.cascade-tree li > div .icon + .name,
.cascade-tree li > div .portrait + .name,
.cascade-tree li > div .swatch + .name {
	margin: 0.25em 0 0 4.5em;
}

.cascade-tree li > div .name:last-child {
	margin-top: auto;
	margin-bottom: auto;
}

.cascade-tree li > div .desc {
	margin-left: 1em;
	text-align: left;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 80%;
	overflow: hidden;
}

	.cascade-tree li > div .name:not(:last-child),
	.cascade-tree li > div .desc:not(:last-child) {
		width: calc(100% - 1em);
	}

.cascade-tree li > div .desc,
.cascade-tree li > div .cat,
.cascade-tree li > div .type {
	line-height: 1em;
	margin-bottom: 0;
	text-transform: none;
}

.cascade-tree li > div .desc,
.cascade-tree li > div .cat,
.cascade-tree li > div .type {
	color: rgba(246, 250, 255, 0.25) !important;
}

.cascade-tree li > div .icon ~ .desc,
.cascade-tree li > div .portrait ~ .desc,
.cascade-tree li > div .swatch ~ .desc {
	margin-left: 5em;
	margin-bottom: 0.5em;
	margin-top: 0.25em;
}

.cascade-tree li button:hover .name {
	color: var(--color-standard, #eceeef) !important;
}

.cascade-tree li button:hover .desc,
.cascade-tree li button:hover .cat,
.cascade-tree li button:hover .type {
	color: rgba(246, 250, 255, 0.5) !important;
}

	.cascade-tree li.selected a .name {
		color: var(--color-primary, #24a0ed) !important;
	}

.cascade-tree li.selected a .desc,
.cascade-tree li.selected a .cat,
.cascade-tree li.selected a .type {
	color: rgba(246, 250, 255, 0.75) !important;
}

.cascade-tree li > div .cat {
	color: rgba(246, 250, 255, 0.25) !important;
	position: absolute;
	top: 0.625em;
	right: 0;
}

.cascade-tree li > div .type {
	color: rgba(246, 250, 255, 0.25) !important;
	position: absolute;
	right: 0;
	bottom: 0.625em;
}

.cascade-tree li > div:last-child .cat,
.cascade-tree li > div:last-child .type {
	right: 1em;
}

.cascade-tree li img,
.cascade-tree li .icons,
.cascade-tree li .swatch {
	-moz-transition: opacity .15s ease-in-out;
	-webkit-transition: opacity .15s ease-in-out;
	-ms-transition: opacity .15s ease-in-out;
	transition: opacity .15s ease-in-out;
	opacity: 0.5;
}

.cascade-tree li button:hover img,
.cascade-tree li button:hover .icons,
.cascade-tree li button:hover .swatch {
	opacity: 1;
}

	.cascade-tree li > div:last-child .icons,
	.cascade-tree li > div button > div:last-child .icons {
		margin-right: 1em;
		z-index: 100;
	}

.cascade-tree li.selected button img,
.cascade-tree li.selected button .icons,
.cascade-tree li.selected button .swatch {
	opacity: 1;
}

.cascade-tree li > div .icons {
	margin-bottom: 0;
}

.cascade-tree li button .icons {
	color: rgba(246, 250, 255, 0.5) !important;
}

	.cascade-tree li button .icons li .icon.fa-user:before {
		padding-right: 0.25em;
	}

.cascade-tree li div.earned button {
	background-color: var(--color-background-hover, rgba(0, 166, 217, 0.05));
}

.cascade-tree li button .progress-bar {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 15%;
	background: rgba(36,160,237,0.0625);
	border-color: rgba(246,250,255,0.1);
	z-index: -1;
	background-color: var(--color-background-hover, rgba(0, 166, 217, 0.05));
	border-right: solid 1px rgba(246,250,255,0.05);
}



/* List Trees */

	.list-tree {
		display: flex;


	}

		.list-tree .list {
			padding-right: 2em;
			margin-right: 2em;
			border-right: 1px solid var(--color-border, #2b2c2d);
			width: 30%;
		}

		.list-tree .tree {
			width: 70%;
			overflow-x: scroll;
		}


			.list-tree .tree > div:last-child{
				margin-bottom: 1em;
			}

@media screen and (max-width: 980px) {


	.list-tree {
		flex-flow: column;
	}

		.list-tree .list {
			width: 100%;
			padding-right: 0;
			margin-right: 0;
			border-right: none;
			margin-bottom: 2em;
			border-bottom: 1px solid var(--color-border, #2b2c2d);
		}

		.list-tree .tree {
			width: 100%;
		}
}


/* List Blocks */

.list-blok {
	display: flex;
	margin-bottom: 2em;
}

	.list-blok .list {
		padding-right: 2em;
		margin-right: 2em;
		border-right: 1px solid var(--color-border, #2b2c2d);
		width: 30%;
	}

	.list-blok .blok {
		width: 70%;
		display: flex;
		flex-flow: column;
		row-gap: 1em;
		/*overflow-x: scroll;*/
	}


		.list-blok .list ul {
			margin-bottom: 0;
		}

	.list-blok .blok > div:last-child {
		/*margin-bottom: 1em;*/
	}

	@media screen and (max-width: 980px) {


		.list-blok {
			flex-flow: column;
		}

			.list-blok.prio-blok {
				flex-flow: column-reverse;
				flex-direction: column-reverse;
			}

			.list-blok .list {
				width: 100%;
				padding-right: 0;
				margin-right: 0;
				border-right: none;
				margin-bottom: 2em;
				border-top: 1px solid var(--color-border, #2b2c2d);
				padding-top: 2em;
			}

			.list-blok .blok {
				width: 100%;
			}
	}


/* Systems and Modules */

	.system-header {
		display: flex;
	}

		.system-header .sliders {
			width: 10.25em;
			display: flex;
			margin-right: 2em;
		}

			.system-header .sliders .slider {
				width: 2.75em;
				margin-right: 1em;
			}

			.system-header .sliders .slider:last-child {
				margin-right: 0;
			}

				.system-header .sliders .slider label {
					text-align: center;
				}

				.system-header .sliders .slider .form-field-wrapper {
					height: 7em;
					margin-bottom: -1em;
				}

					.system-header .sliders .slider .form-field-wrapper input[type="range"] {
						-webkit-transform: rotate(270deg);
						-moz-transform: rotate(270deg);
						transform: rotate(270deg);
						width: 9em;
						margin-top: 4.5em;
						margin-left: -3em;
					}

						.system-header .sliders .slider .form-field-wrapper input[type="range"] + .status {
							top: -5em;
							left: 0;
							text-align: center;
						}

		.system-header .modules {
			margin-left: -0.5em;
		}

			.system-header .modules .module {
				color: var(--color-standard, #eceeef);
				/*border: 1px solid var(--color-standard-20, rgba(246, 250, 255, 0.2));*/
				display: inline-block;
				font-size: 0.8em;
				font-weight: 300;
				height: 3em;
				width: 4.854em;
				letter-spacing: 0.075em;
				line-height: 3em;
				padding: 0 1em;
				text-align: center;
				text-decoration: none;
				text-transform: uppercase;
				white-space: nowrap;
				margin-left: 0.5em;
				margin-top: 0;
				position: relative;
				overflow: hidden;
				border-left: 1px solid var(--color-standard-20, rgba(246, 250, 255, 0.2));
				cursor: url(../images/cursor_link.png) 10 5, pointer;
			}

				.system-header .modules .module:after,
				.system-header .modules .module:before {
					position: absolute;
					content: '';
					width: calc(100% - 0px);
					left: 0px;
					z-index: -1;
				}

				.system-header .modules .module:after {
					height: calc(80% - 0px);
					bottom: 0px;
					border: 1px solid var(--color-standard-20, rgba(246, 250, 255, 0.2));
					border-width: 0px 1px 1px 0px;
				}

				.system-header .modules .module:before {
					height: 20%;
					top: 0px;
					border: 1px solid var(--color-standard-20, rgba(246, 250, 255, 0.2));
					border-width: 1px 1.5px 0px 0px;
					transform: skew(45deg);
					transform-origin: right bottom;
				}

				.system-header .modules .module.highlight {
					background: linear-gradient(0deg, rgba(36,160,237,0.5) 0%, rgba(36,160,237,0.25) 12%, rgba(36,160,237,0) 62%);
					border-left: 1px solid var(--color-primary-half, #24a0ed80);
					color: var(--color-primary, #24a0ed);
				}

					.system-header .modules .module.highlight:after {
						border: 1px solid var(--color-primary-half, #24a0ed80);
						border-width: 0px 1px 1px 0px;
						border-bottom: 1px solid var(--color-primary, #24a0ed);
					}

					.system-header .modules .module.highlight:before {
						border: 1px solid var(--color-primary-half, #24a0ed80);
						border-width: 1px 1.5px 0px 0px;
					}

				.system-header .modules .module.danger {
					background: linear-gradient(0deg, rgba(255,153,25,0.5) 0%, rgba(255,153,25,0.25) 12%, rgba(255,153,25,0) 62%);
					border-left: 1px solid #FF991980;
					color: var(--color-danger, #FF9919);
				}

					.system-header .modules .module.danger:after {
						border: 1px solid #FF991980;
						border-width: 0px 1px 1px 0px;
						border-bottom: 1px solid var(--color-danger, #FF9919);
					}

					.system-header .modules .module.danger:before {
						border: 1px solid #FF991980;
						border-width: 1px 1.5px 0px 0px;
					}

				.system-header .modules .module.warning {
					background: linear-gradient(0deg, rgba(255,35,97,0.5) 0%, rgba(255,35,97,0.25) 12%, rgba(255,35,97,0) 62%);
					border-left: 1px solid #ff236180;
					color: var(--color-warning, #ff2361);
				}

					.system-header .modules .module.warning:after {
						border: 1px solid #ff236180;
						border-width: 0px 1px 1px 0px;
						border-bottom: 1px solid var(--color-warning, #ff2361);
					}

					.system-header .modules .module.warning:before {
						border: 1px solid #ff236180;
						border-width: 1px 1.5px 0px 0px;
					}

				.system-header .modules .module.subtle {
					border-left: 1px solid rgba(246,250,255,0.05);
					color: var(--color-subtle, #74777b);
				}

					.system-header .modules .module.subtle:after {
						border: 1px solid rgba(246,250,255,0.05);
						border-width: 0px 1px 1px 0px;
					}

					.system-header .modules .module.subtle:before {
						border: 1px solid rgba(246,250,255,0.05);
						border-width: 1px 1.5px 0px 0px;
					}

		@media screen and (max-width: 480px) {

			.system-header {
				flex-direction: column;
			}

				.system-header .sliders {
					width: 100%;
					margin-right: 0;
					margin-bottom: 2em;
				}


		}

/* Loader */

.loader-container {
	position: relative;
}

	.loader-container .loader {
		z-index: 100;
	}

	.loader-container .globe-map {
		-moz-filter: blur(0.2rem);
		-webkit-filter: blur(0.2rem);
		-ms-filter: blur(0.2rem);
		filter: blur(0.2rem);
	}


.loader {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 200px;
	height: 200px;
	background-color: var(--color-foreground-20, rgba(30, 31, 33, 0.2));
	box-shadow: 0 0 24px 4px rgba(36, 160, 237, 0.2);
	border-radius: 50%;
	text-align: center;
	overflow: hidden;
}

	.loader.content {
		position: relative;
		top: 0;
		left: 50%;
		transform: translate(-50%, 0);
	}

	.loader:before {
		content: "";
		position: absolute;
		top: -1px;
		left: -1px;
		width: calc(100% + 2px);
		height: calc(100% + 2px);
		border-radius: 50%;
		background-image: radial-gradient(circle, transparent 68%, var(--color-primary, #24a0ed) 70%);
		box-shadow: inset 0 0 0 0 rgba(36, 160, 237, 0);
		-webkit-animation: Glow 5s infinite ease-in-out;
		animation: Glow 5s infinite ease-in-out;
	}

	.loader:after {
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%) rotate(0);
		transform-origin: 50% 50%;
		width: calc(100% + 2px);
		height: calc(100% + 2px);
		z-index: 999;
		border: solid 2px var(--color-standard, #eceeef);
		border-radius: 50%;
		border-bottom-color: transparent;
		border-left-color: transparent;
		border-right-color: transparent;
		-webkit-animation: Spin 1.5s infinite linear;
		animation: Spin 1.5s infinite linear;
	}

.loader-text {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: var(--color-primary, #24a0ed);
	font-family: var(--font-heading, 'Orbitron', sans-serif);
	font-weight: 400;
	letter-spacing: 0.1em;
	text-shadow: 0 0 24px rgba(36, 160, 237, 0.8);
	-webkit-animation: Pulse 5s infinite linear;
	animation: Pulse 5s infinite linear;
}

	.loader-text:before {
		content: attr(data-flicker-0);
		position: absolute;
		left: 0;
		color: var(--color-primary, #24a0ed);
		opacity: 0;
		text-shadow: 0 0 16px rgba(36, 160, 237, 0);
		-webkit-animation: Flicker 3s infinite linear;
		animation: Flicker 3s infinite linear;
	}

	.loader-text:after {
		content: attr(data-flicker-1);
		position: absolute;
		right: 0;
		color: var(--color-primary, #24a0ed);
		opacity: 0;
		text-shadow: 0 0 16px rgba(36, 160, 237, 0);
		-webkit-animation: Flicker 3s infinite linear;
		animation: Flicker 3s infinite linear;
		-webkit-animation-delay: 0.5s;
		animation-delay: 0.5s;
	}

@-webkit-keyframes Glow {
	50% {
		box-shadow: inset 0 0 24px 4px rgba(36, 160, 237, 0.8);
	}
}

@keyframes Glow {
	50% {
		box-shadow: inset 0 0 24px 4px rgba(36, 160, 237, 0.8);
	}
}

@-webkit-keyframes Spin {
	50% {
		opacity: 0.2;
	}

	100% {
		transform: translate(-50%, -50%) rotate(360deg);
	}
}

@keyframes Spin {
	50% {
		opacity: 0.2;
	}

	100% {
		transform: translate(-50%, -50%) rotate(360deg);
	}
}

@-webkit-keyframes Pulse {
	50% {
		color: rgba(36, 160, 237, 0.5);
		text-shadow: 0 0 24px rgba(36, 160, 237, 0.4);
	}
}

@keyframes Pulse {
	50% {
		color: rgba(36, 160, 237, 0.5);
		text-shadow: 0 0 24px rgba(36, 160, 237, 0.4);
	}
}

@-webkit-keyframes Flicker {
	0% {
		opacity: 0.1;
		color: var(--color-primary, #24a0ed);
		text-shadow: 0 0 16px var(--color-primary, #24a0ed);
	}

	2% {
		opacity: 1;
		color: #fff;
		text-shadow: 0 0 24px var(--color-primary, #24a0ed);
	}

	6% {
		opacity: 0.1;
		color: var(--color-primary, #24a0ed);
		text-shadow: 0 0 8px var(--color-primary, #24a0ed);
	}

	12% {
		opacity: 0.8;
		color: #fff;
		text-shadow: 0 0 8px var(--color-primary, #24a0ed);
	}

	14% {
		opacity: 0.2;
		color: var(--color-primary, #24a0ed);
		text-shadow: 0 0 8px var(--color-primary, #24a0ed);
	}

	30% {
		opacity: 1;
		color: #fff;
		text-shadow: 0 0 16px var(--color-primary, #24a0ed);
	}

	36% {
		opacity: 0.2;
		color: var(--color-primary, #24a0ed);
		text-shadow: 0 0 24px var(--color-primary, #24a0ed);
	}

	60% {
		opacity: 0.6;
		text-shadow: 0 0 16px var(--color-primary, #24a0ed);
	}

	64% {
		opacity: 0.8;
		text-shadow: 0 0 18px var(--color-primary, #24a0ed);
	}

	68% {
		opacity: 1;
		text-shadow: 0 0 24px var(--color-primary, #24a0ed);
	}

	82% {
		opacity: 0.2;
		text-shadow: 0 0 16px var(--color-primary, #24a0ed);
	}

	84% {
		opacity: 0.1;
		text-shadow: 0 0 8px var(--color-primary, #24a0ed);
	}

	86% {
		opacity: 0.6;
		text-shadow: 0 0 12px var(--color-primary, #24a0ed);
	}
}

@keyframes Flicker {
	0% {
		opacity: 0.1;
		color: var(--color-primary, #24a0ed);
		text-shadow: 0 0 16px var(--color-primary, #24a0ed);
	}

	2% {
		opacity: 1;
		color: #fff;
		text-shadow: 0 0 24px var(--color-primary, #24a0ed);
	}

	6% {
		opacity: 0.1;
		color: var(--color-primary, #24a0ed);
		text-shadow: 0 0 8px var(--color-primary, #24a0ed);
	}

	12% {
		opacity: 0.8;
		color: #fff;
		text-shadow: 0 0 8px var(--color-primary, #24a0ed);
	}

	14% {
		opacity: 0.2;
		color: var(--color-primary, #24a0ed);
		text-shadow: 0 0 8px var(--color-primary, #24a0ed);
	}

	30% {
		opacity: 1;
		color: #fff;
		text-shadow: 0 0 16px var(--color-primary, #24a0ed);
	}

	36% {
		opacity: 0.2;
		color: var(--color-primary, #24a0ed);
		text-shadow: 0 0 24px var(--color-primary, #24a0ed);
	}

	60% {
		opacity: 0.6;
		text-shadow: 0 0 16px var(--color-primary, #24a0ed);
	}

	64% {
		opacity: 0.8;
		text-shadow: 0 0 18px var(--color-primary, #24a0ed);
	}

	68% {
		opacity: 1;
		text-shadow: 0 0 24px var(--color-primary, #24a0ed);
	}

	82% {
		opacity: 0.2;
		text-shadow: 0 0 16px var(--color-primary, #24a0ed);
	}

	84% {
		opacity: 0.1;
		text-shadow: 0 0 8px var(--color-primary, #24a0ed);
	}

	86% {
		opacity: 0.6;
		text-shadow: 0 0 12px var(--color-primary, #24a0ed);
	}
}


/* BG Test */
.bgtest {
	background-image: url(../../images/bgtest.jpg);
	background-size: cover;
	background-position: center center;
	background-attachment: fixed;
}


	.bgtest:after {
		background-attachment: fixed;
		background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgd2lkdGg9IjUxMiIgaGVpZ2h0PSI1MTIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZmlsdGVyIGlkPSJub2lzZSI+PGZlVHVyYnVsZW5jZSB0eXBlPSJmcmFjdGFsTm9pc2UiIGJhc2VGcmVxdWVuY3k9IjAuODc1IiByZXN1bHQ9Im5vaXNlIiAvPjxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjQ2ODc1IDAiIC8+PC9maWx0ZXI+PHJlY3QgZmlsdGVyPSJ1cmwoI25vaXNlKSIgeD0iMCIgeT0iMCIgd2lkdGg9IjUxMiIgaGVpZ2h0PSI1MTIiIGZpbGw9InRyYW5zcGFyZW50IiBvcGFjaXR5PSIxIiAvPjwvc3ZnPg=="), linear-gradient(to top, rgba(43, 50, 94, 0.412), rgba(43, 50, 94, 0.412));
		background-position: center, 0% 0%;
		background-repeat: repeat, repeat;
		background-size: 512px, auto;
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}


.bgtest2 {
	background-attachment: fixed, fixed;
	background-image: linear-gradient(90deg, rgba(58, 58, 58, 0.6), rgba(58, 58, 58, 0.6)), url(../../images/bgtest.jpg);
	background-position: center, center;
	background-repeat: repeat, no-repeat;
	background-size: auto, cover;
}



/* Terran Federation Logo */

.tflogo {
	position: relative;
	height: 7em;
	width: 7em;
	display: flex;
	justify-content: center;
	align-items: center;
}

	.tflogo .water,
	.tflogo .land,
	.tflogo .air {
		transform-origin: center center;
		position: absolute;
		opacity: 0.5;
		transition: 0.70s;
		-webkit-transition: 0.70s;
		-moz-transition: 0.70s;
		-ms-transition: 0.70s;
		-o-transition: 0.70s;
	}

	.tflogo .water {
		background-color: var(--color-federation-blue, #15506f);
		transform: rotateY(0deg) rotate(45deg) translate(-70%, 0%); /* needs Y at 0 deg to behave properly*/
		transform: rotateY(0deg) rotate(45deg); /* needs Y at 0 deg to behave properly*/
		height: 5em;
		width: 5em;
		min-height: 5em;
		min-width: 5em;
		z-index: 3;
	}

	.tflogo .land {
		background-color: var(--color-federation-green, #34a243);
		/*transform: translate(-50%, -50%);*/
		height: 3.5em;
		width: 3.5em;
		min-height: 3.5em;
		min-width: 3.5em;
		z-index: 6;
	}

	.tflogo .air {
		background-color: var(--color-standard, #eceeef);
		transform: rotateY(0deg) rotate(45deg) translate(-70%, 0%); /* needs Y at 0 deg to behave properly*/
		transform: rotateY(0deg) rotate(45deg); /* needs Y at 0 deg to behave properly*/
		height: 2.5em;
		width: 2.5em;
		min-height: 2.5em;
		min-width: 2.5em;
		z-index: 9;
	}

	.tflogo span {
		opacity: 0;
		-webkit-transition: all 0.25s cubic-bezier(0.22, 0.61, 0.36, 1);
		transition: all 0.25s cubic-bezier(0.22, 0.61, 0.36, 1);
		display: inline-block;
		width: 8em;
		color: var(--color-standard-25, rgba(246, 250, 255, 0.25));
		font-family: var(--font-heading, 'Orbitron', sans-serif);
		font-family: 'Titillium Web', sans-serif;
		font-weight: 400;
		font-size: 1.5em;
		line-height: 1.5;
		letter-spacing: 0.05em;
		position: relative;
		text-transform: uppercase;
	}

		.tflogo.sml span {
			font-size: 1em;
		}

		.tflogo.wide span {
			width: 12em;
		}

		.tflogo span.line1 {
			margin-right: -2em;
			top: -0.625em;
		}

		.tflogo span.line2 {
			margin-left: -15.25em;
			top: 0.625em;
		}

	.tflogo.special {
		margin: 0 auto;
	}

	.tflogo.sml {
		height: 3.5em;
		width: 3.5em;
	}

		.tflogo.sml .water {
			height: 2.5em;
			width: 2.5em;
			min-height: 2.5em;
			min-width: 2.5em;
		}

		.tflogo.sml .land {
			height: 1.75em;
			width: 1.75em;
			min-height: 1.75em;
			min-width: 1.75em;
		}

		.tflogo.sml .air {
			height: 1.25em;
			width: 1.25em;
			min-height: 1.25em;
			min-width: 1.25em;
		}

		.tflogo.sml span.line1 {
			top: -0.5em;
		}

		.tflogo.sml span.line2 {
			top: 0.5em;
		}

	.tflogo:hover .water,
	.tflogo:hover .land,
	.tflogo:hover .air {
		opacity: 1;
		transition: 0.70s;
		-webkit-transition: 0.70s;
		-moz-transition: 0.70s;
		-ms-transition: 0.70s;
		-o-transition: 0.70s;
	}

	.tflogo:hover .water {
		-webkit-transform: rotate(225deg);
		-moz-transform: rotate(225deg);
		-o-transform: rotate(225deg);
		-ms-transform: rotate(225deg);
		transform: rotate(225deg);
	}

	.tflogo:hover .land {
		-webkit-transform: rotate(-180deg);
		-moz-transform: rotate(-180deg);
		-o-transform: rotate(-180deg);
		-ms-transform: rotate(-180deg);
		transform: rotate(-180deg);
	}

	.tflogo:hover .air {
		-webkit-transform: rotate(405deg);
		-moz-transform: rotate(405deg);
		-o-transform: rotate(405deg);
		-ms-transform: rotate(405deg);
		transform: rotate(405deg);
	}

	.tflogo.calmdown:hover .water {
		-webkit-transform: rotate(135deg);
		-moz-transform: rotate(135deg);
		-o-transform: rotate(135deg);
		-ms-transform: rotate(135deg);
		transform: rotate(135deg);
	}

	.tflogo.calmdown:hover .land {
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		transform: rotate(-90deg);
	}

	.tflogo.calmdown:hover .air {
		-webkit-transform: rotate(225deg);
		-moz-transform: rotate(225deg);
		-o-transform: rotate(225deg);
		-ms-transform: rotate(225deg);
		transform: rotate(225deg);
	}

	.tflogo:hover span {
		opacity: 1;
	}

	.tflogo:hover span.line1 {
		transform: translateX(2.75em);
		-webkit-transform: translateX(2.75em);
	}

	.tflogo:hover span.line2 {
		transform: translateX(12em);
		-webkit-transform: translateX(12em);
	}

	.tflogo.sml:hover span.line1 {
		transform: translateX(2.75em);
		-webkit-transform: translateX(2.75em);
	}

	.tflogo.sml:hover span.line2 {
		transform: translateX(12em);
		-webkit-transform: translateX(12em);
	}

	.tflogo.sml.wide:hover span.line1 {
		transform: translateX(5.125em);
		-webkit-transform: translateX(5.125em);
	}
	

/* special modes */

	body.redalert a {
		color: var(--color-redalert, #ff2361);
	}

	body.redalert #header {
		border-bottom: solid 2px var(--color-redalert, #ff2361);
	}

	body.redalert header.major > :last-child {
		border-bottom: solid 1px var(--color-redalert, #ff2361);
	}

	body.redalert ul.contact li:before {
		color: var(--color-redalert, #ff2361);
	}


	body.stealth a {
		color: var(--color-stealth, #A024EE);
	}

	body.stealth #header {
		border-bottom: solid 2px var(--color-stealth, #A024EE);
	}

	body.stealth header.major > :last-child {
		border-bottom: solid 1px var(--color-stealth, #A024EE);
	}

	body.stealth ul.contact li:before {
		color: var(--color-stealth, #A024EE);
	}

		body.stealth #header:after,
		body.redalert #header:after {
			font-family: var(--font-heading, 'Orbitron', sans-serif);
			font-weight: 400;
			text-transform: uppercase;
			letter-spacing: 0.05em;
			bottom: -2em;
			right: 0;
			position: absolute;
		}

	body.stealth #header:after {
		content: "Stealth Active";
		color: var(--color-stealth, #A024EE);
	}

	body.redalert #header:after {
		content: "Red Alert";
		color: var(--color-redalert, #ff2361);
	}

/* Wiki Stuff */

	.navbox {
		width: fit-content;
		background-color: #f6faff03;
		padding: 1em;
	}

		.navbox ol {
			counter-reset: item;
			padding-left: 0 !important;
		}

		.navbox li {
			display: block;
			padding-left: 0;
		}

		.navbox li:before {
			content: counters(item, ".") " ";
			counter-increment: item
		}

		.navbox ol ol {
			padding-left: 0.625em !important;
			margin-bottom: 0;
		}

	.infobox {
		background-color: #f6faff03;
		border: var(--border-dark, solid 1px #2b2c2d);
		margin-bottom: 2em;
		margin-left: 2em;
		padding: 1em;
		float: right;
		clear: right;
		width: 22em;
	}

		.infobox .image {
			margin-bottom: 0.25em;
		}

		.infobox small {
			color: var(--color-standard-50, rgba(246, 250, 255, 0.5));
			margin-bottom: 0.5em;
			text-align: center;
			display: block;
		}

		.infobox .textstats {
			margin-bottom: 0.5em;
		}

		.infobox-header {
			background-color: #f6faff0a;
			background-color: var(--color-black-eighth, rgba(0,0,0,0.125));
			color: var(--color-standard-75, rgba(246, 250, 255, 0.75));
			text-align: center;
			margin-bottom: 0.5em;
		}

			.infobox-header strong {
				color: var(--color-standard-75, rgba(246, 250, 255, 0.75));
				color: var(--color-standard-50, rgba(246, 250, 255, 0.5));
			}

		.infobox-header:first-child {
			font-size: 1.25em;
		}

		.infobox > *:last-child{
			margin-bottom: 0;
		}

	header.fullwidth {
		display: flex;
	}

		header.fullwidth h2 {
			width: 100%;
			border-bottom: solid 1px #f6faff1a;
			overflow: hidden;
			padding-bottom: 0.25em;
		}