code:
mouse.tooltip {
	font-weight: normal;
	border-bottom: 1px dotted rgb(176, 176, 180);
}

mouse.tooltip span {
	z-index:210;
	display:none;
	padding:14px 10px;
	margin-top:50px; margin-left:-40px;
	min-width: 50px;
	max-width: 450px !important;
	line-height:20px;
	border-radius:2px;
	box-shadow: 0px 0px 8px 4px #000;
}

mouse.tooltip:hover span {
	display:inline;
	position:absolute;
	border:2px solid gold;
	font-weight: normal;
	text-decoration: none;
	font-size:1.0em;
	background:#1a1919 repeat-x 0 0;
}

@media only screen and (max-width: 800px) {
    mouse.tooltip:hover span {
        left: 100px;
    }
}

#next {
	position: fixed;
	bottom: -1px;
	border: 1px solid #aaa;
	background-color: #222;
	z-index: 700;
}

#next a {
	color: gold;
	padding: 10px 20px 30px 20px;
	display: block;
}

#saveDataInput {
	min-width: inherit;
	width: 95%
}

#ui-bar-history {
	position: relative;
	z-index: 499;
	font-size: 0.82em;
	text-align: right;
	padding-right: 3em;
	display: none;
}

#ui-bar-history [id|=history] {
	color: #666;
	border: none;
}

#ui-bar-history [id|=history]:not(:first-child) {
	margin-left: 0;
}

.passage {
	-o-transition:.2s ease-in;
	transition:.2s ease-in;
}

.closeButton, .macro-button, .buttonlike {
	width: 100%;
	font-size: 110%;
	max-width: 260px;
	background-color: #222;
	border: 1px solid #444;
}
.buttonlike {
	display: inline-block;
	text-align: center;
}
.buttonlike.-noborder {
	border: 1px solid transparent;
}

.widerButton button {
	max-width: 280px;
	margin-bottom: 4px;
}

.fixedClose {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	background-color: #222;
	width: auto;
	height: auto;
	margin: 0;
	z-index: 1;
	padding: 0;
	border-bottom: 1px solid #fff;
}

.macro-button:hover {
	background-color: #333;
	border: 1px solid #fff;
}

.macro-button:active {
	background-color: #ffd700;
	border: 1px solid #fff;
}

.macro-button:focus {
	background-color: #555;
	border: 1px solid #ffd700;
}

.customOverlay {
	display: block;
	position:fixed;
	top: 20px;
	bottom: 20px;
	left: 20px;
	right:20px;
	height: auto;
	width: auto;
	border: 2px #fff solid;
	background-color: #222;
	text-align: left;
	padding: 0 5px 3px;
	overflow-y: scroll;
	z-index: 1000;
	max-width: 1000px;
	line-height: 1.32em;
}
.customOverlay[data-overlay="canvasLayers"],
.customOverlay[data-overlay="canvasColours"],
.customOverlay[data-overlay="canvasModel"] {
	max-width: unset;
}

@media only screen and (min-width: 870px) {
	.customOverlay {
		left: 300px;
	}
}

.debugOverlay {
	display: block;
	position: fixed;
	top: 20px;
	bottom: 20px;
	right: 20px;
	height: auto;
	width: auto;
	max-width: 700px;
	z-index: 1001;
	padding: 3px;
	border: 2px #fff solid;
	background-color: #333;
	overflow-y: scroll;
}

.overlayMenu ul {
	text-align: left;
	list-style: none;
	margin: 0;
	padding: 0;
}

.overlayMenu ul li {
	float: left;
	height: 35px;
	margin-right: 1px;
}

.debugOverlay ul li input {
	width: 80px;
	margin: 0;
}

.overlayItem {
	border-top: 2px #fff solid;
	clear: both;
}

#statsHelp {
	overflow-y: scroll;
	height: auto;
	max-height: 200px;
}

.hidden {
	display: none !important;
}

.close {
	background-color: darkred;
}

#gameVersionDisplay {
	position: fixed;
	right: 3px;
	top: 1px;
	font-size: 0.6em;
	color: #777;
	z-index: 1000;
	background-color: #111;
}

#gameVersionDisplay2 {
	position: fixed;
	left:1px;
	bottom: 0px;
	font-size: 0.55em;
	color: #777;
	z-index: 1000;
}

#exportWarning {
	position: fixed;
	top: 1px;
	font-size: 0.9em;
}

.feat {
	/*display: none;*/
	position: fixed;
	right: 10px;
	top: 20px;
	height: 81px;
	width: 80%;
	max-width: 400px;
	z-index: 1000;
	background-color: gold;
	padding: 2px;
}

.featList {
	height: 87px;
	width: 80%;
	max-width: 400px;
	background-color: gold;
	padding: 2px;
	float: left;
}

.featImage {
	display: inline-block;
	height: 100%;
	width: 79px;
	background-color: #333;
	text-align: left;
}

.dot {
	height: 74px;
	width: 74px;
	background-color: #999;
	border-radius: 50%;
	display: inline-block;
	margin: 3px;
	position: absolute;
}

.featCoin {
	position: absolute;
	margin-top: 3px;
	margin-left: 3px;
}

.featText {
	display: inline-block;
	height: 100%;
	width: calc(100% - 84px);
	background-color: #333;
	float: right;
}

.featText .title {
	font-weight: bold;
	margin: 5px;
}

.featText .text {
	margin: 5px;
}

.closeFeat {
	position: fixed;
	right: 10px;
	top: 20px;
	height: 75px;
	width: 80%;
	max-width: 400px;
	z-index: 1001;
}

#scenesViewer, #produceDisplay {
	display: inline-flex;
	flex-wrap: wrap;
}

#scenesViewer span {
	padding: 2px;
	border: solid 1px #aaa;
	height: 30px;
	width: 48%;
	min-width: 400px;
	margin: 0px 3px 3px;
}

#produceDisplay .produceItem {
	padding: 2px;
	border: solid 1px #aaa;
	width: 48%;
	min-width: 400px;
	margin: 0px 3px 3px;
}

#scenesViewerControls, #produceDisplayControls {
	display: inline-flex;
	margin: 2px;
	padding: 5px;
	min-width: 230px;
	width: 47%;
}

#scenesViewerControls div, #produceDisplayControls div {
	flex-grow: 1;
	text-align: center;
}

@media only screen and (max-width: 750px) {
	#scenesViewerControls, #produceDisplayControls, .produceItem {
		width: 100%;
	}
}

#produceConfirm {
	width: 100%;
}

#mobileStats {
	position: fixed;
	left: 0px;
	top: 50px;
	z-index: 299;
	padding: 0;
	width: 2em;
}

#mobileStats .stat {
	border: 1px solid #444;
	text-align: center;
	font-weight: 500;
	font-size: 1.2em;
	line-height: 1;
	padding: .3em 0;
	margin-top: 2px;
}

#mobileStats .time {
	font-size: 1.2em;
	height: 75px;
	padding: 0 .3em;
	writing-mode: vertical-rl;
	transform: rotate(180deg);
	/*writing-mode: vertical-lr;
	text-orientation: upright;
	padding: 0 .3em;*/
}

#mobileStats .time .ampm {
	font-size: 0.5em;
}

#savesListContainer {
	display: flex;
	flex-direction: column;
	border: 1px solid #999;
	max-width: 800px;
}

#savesListContainer .savesListRow {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	border: 1px solid #999;
	padding: 4px;
}

#savesListContainer .savesListRow .saveGroup {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	flex-grow: 1;
	flex-shrink: 1;
	/* Set min-width to allow parent correctly to resize this element's children */
	min-width: 0;
}

#savesListContainer .savesListRow .saveGroup > div {
	display: flex;
	justify-content: center;
	margin: 0 10px;
	flex-shrink: 0;
	flex-grow: 0;
}

#savesListContainer .savesListRow .saveGroup .saveId {
	min-width: 10px;
}

#savesListContainer .savesListRow .saveGroup .saveButton {
	min-width: 110px;
	display: flex;
	justify-content: center;
	margin: 0 10px;
}

#savesListContainer .savesListRow .saveGroup .saveName {
	width: 60px;
}

#savesListContainer .savesListRow .saveGroup .saveButton input {
	margin: 3px 0;
}

#savesListContainer .savesListRow .saveGroup > .saveDetails {
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 0px;
	min-width: 100px;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	justify-content: stretch;
}

#savesListContainer .savesListRow .saveGroup > .saveDetails span {
	max-height: 80px;
	overflow-y: hidden;
}

#savesListContainer .savesListRow .saveGroup .deleteButton {
	display: flex;
	justify-content: right;
	margin: 0;
}

.datestamp {
	font-size: 13px;
}

.listMargin {
	display: inline-block;
	margin: 1px 0;
}

.right {
	float: right;
}
.sidebarButtonSplit {
	display: flex;
}
.saveMenuButton {
	background-color: #4372FF !important;
}

.saveMenuButton:hover {
	background-color: #4372FF !important;
}

.saveMenuConfirm {
	margin-top: 20px;
	margin-left: 150px;
}

.saveBorder {
	border: 1px solid #ccc;
	max-width: 700px;
	padding: 5px 2px 30px;
	margin: 10px 2px 10px;
}

#menu {
	display: none;
}

.settingsToggle {
	display: inline-block;
	float: left;
	width: 45%;
	min-width: 275px;
	padding: 3px;
	margin: 5px;
	border: 1px solid #666;
}

.settingsToggle input[name|="numberslider-input"]{
	width: 83%;
	height: 0.75em;
	min-height: unset;
	margin-left: 1em;
}

.settingsToggleBig {
	float: left;
	width: 100%;
	min-width: 275px;
	padding: 3px;
	margin-bottom: 20px;
}

.v-spacer {
	margin: 1em 0;
}

#divbowl {
		position: relative;
		display: inline-block;
		height: 50px;
		width: 50px;

}

#divmap {
	position: relative;
	display: inline-block;
	height: 256px;
	width: 256px;
}

#map {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 10;
}

#maparrow {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 20;
}

#prison_map {
	position: relative;
	left: 0px;
	top: 0px;
	z-index: 10;
}

#prison_map_overlay {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 20;
}

#prison_map_rut {
	position: absolute;
	left: 0px;
	top: 86px;
	z-index: 10;
}

#prison_map_rut_overlay {
	position: absolute;
	left: 0px;
	top: 86px;
	z-index: 20;
}

#ui-bar-toggle {
	z-index: 500;
}

#ui-bar {
	z-index: 300;
}

.stowed{
	z-index: 298 !important;
}

.solidBorderContainer	{
	border: 1px solid #333;
	padding: 5px;
}

.debugLines-audience {
	border: dotted red 1px;
}

.debugLines-combat {
	border: dotted yellow 1px;
}

.debugLines-effectsman {
	border: dotted green 1px;
}

.debugLines-stateman {
	border: dotted cyan 1px;
}

.debugLines-actionsman {
	border: dotted pink 1px;
}

.debugLines-beast {
	border: dotted blue 1px;
}

.debugLines-tentacles {
	border: dotted yellow 1px;
}

.debugLines-actionstentacles {
	border: dotted pink 1px;
}

.debugLines-effectstentacleadv {
	border: dotted green 1px;
}

.debugLines-swarm {
	border: dotted green 1px;
}

.debugLines-swarmactions {
	border: dotted pink 1px;
}

.reducedLineHeight .passage {
	line-height: 1.5;
}

body.has-images header#title {
	display: none;
}

body.has-images #story-caption #storyCaptionDiv {
	/* 232 px: img size, 1.32 em: stats line height, 4px: stats borders */
	position: fixed;
	top: calc(232px + 1.32em);
	left: 10px;
	height: calc(100% - 246px - 1.32em);
	width: 268px;
	padding-right: 2px;
	padding-bottom: 12px;
	overflow-y: scroll;
	overflow-wrap: anywhere;
	scrollbar-color: #444 #222;
}

body.has-images #story-caption .storyCaptionDivExtended {
	height: calc(100% - 246px - 2.64em)!important;
	top: calc(232px + 2.64em)!important;
}

*::-webkit-scrollbar-thumb{
	background-color: #444;
}

*::-webkit-scrollbar{
	background-color: #222;
	width: 10px;
}

#story-caption {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
#story-caption .error-reporter-btn {
	position: absolute;
	right: 16px;
	top: 48px;
	z-index: 999;
}
.error-reporter-btn::before {
	content: "!";
}
.error-reporter-btn {
	width: 16px;
	height: 16px;
	border-radius: 8px;
	font-size: 12pt;
	background: red;
	line-height: 1;
	cursor: pointer;
}

#ui-bar-body {
	line-height: 1.32em;
	overflow: hidden;
}

body.no-images #ui-bar-body {
	overflow: auto!important;
}

.nostyle {
	list-style: none;
}

.shopCustomColors {
	float:left;
	width: 48%;
	min-width: 375px;
	border: solid 2px #555;
	padding:4px;
	height: 310px;
}

.shopImg {
	height: 192px;
	width: 128px;
	overflow: hidden;
	background-color: #222;
}

.shopImg > * {
	position: absolute;
	height: 192px;
	left:-32px;
	overflow: hidden;
}

.hideImageOverflow {
	overflow: hidden;
	height: 160px;
	width: 128px;
	position: relative;
}

/*Wardrobe UI*/
.wardrobeItem {

	display: inline-block;
	padding: 2px;
	float: left;
	border: solid 1px #aaa;
	height: 30px;
	width: 48%;
	min-width: 400px;
	margin: 0px 3px 3px;
	white-space: nowrap;
	overflow: hidden;
}

#wardrobeItemDetails {
	display: inline-block;
	padding: 2px;
	float: left;
	border: solid 1px #aaa;
	height: 100%;
	width: 90%;
	min-width: 400px;
	margin: 0px 30px 9px 30px;
	/*white-space: nowrap;*/
	overflow: hidden;
}

#wardrobeLinks .selected, #bodywritingMenuLinks .selected a {
	color: #FFD700;
	text-decoration: underline;
}

.clothingBox {
	display: inline-block;
	float: left;
	border: solid 2px #fff;
	height: 250px;
	width: 270px;
	padding: 4px;
	margin: 2px;
}

.clothingBox div{
	position: relative;
	bottom: 0px;
	height: 190px;
	overflow-y: scroll;
}

.clothingBox div ul{
	margin-left: 0px;
}

#outfitEditorList {
	display: flex;
	flex-wrap: wrap;
}

#outfitEditorList > div {
	border: 1px solid #ccc;
	padding: 5px;
	margin: 5px;
	max-width: 500px;
	flex-direction: column;
}

#customColor div {
	height: 30px;
	width: 200px;
	background-color: red;
}

.presetConfirm {
	line-height: 1.4;
}

.presetConfirm ul {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

.highlow div {
	float: left;
	margin: 10px 15px;
	text-align:center;
}

.highlow div > * {
	float: none;
}

.card {
	width:50px;
	height:75px;
	border:1px solid #ccc;
	margin-right:7px;
	margin-bottom:7px;
	border-radius:7px;
	padding-top: 10px;
}

span.number, span.suit {
	width:100%;
	display:block;
	text-align:center;
	padding-top: 2px;
	padding-bottom: 2px;
}

.red {
	color: #EC3535;
}

.pink {
	color: #E40081;
}

.light-pink {
	color: #d67caf;
}

.purple {
	color: #AA4BC8;
}

.blue {
	color: #4372FF;
}

.lblue,
.light-blue {
	color: #559BC0;
}

.teal {
	color: #08C1C1;
}

.green {
	color: #38B20A;
}

.brown {
	color: #4C2217;
}

.brat {
	color: #B75D41;
}

.meek {
	color: #C44B8B;
}

.def {
	color: #D20000;
}

.hide a {
	color: #eee;
	text-decoration: none;
}

.hide a:hover {
	color: #eee;
	text-decoration: none;
}

.sub {
	color: #AA4BC8;
}

.gold, .gold button, .goldLink a {
	color: #FFD700;
}

.linkBlue {
	color: #5888dd;
}

.silver {
	color: silver;
}

.bronze {
	color: #CD7F32;
}

.steel {
	color: #8d9496;
}

.blue-steel {
	color: #393747;
}

.yellow,
.pale-yellow {
	color: #FFD700;
}

.orange {
	color: #f28500;
}

.tangerine,
.pale-tangerine {
	color: #f28500;
}

.black {
	color: #929292;
}

.brown {
	color: #aa7243;
}

.softbrown {
	color: #a45e16;
}

.lightbrown {
	color: #C5793A;
}

.burntorange {
	color: #d47730;
}

.softblond {
	color: #e4cd87;
}

.platinum {
	color: #FEF593;
}

.ashy {
	color: #d3cfaa;
}

.strawberry {
	color: #F08C51;
}

.lewd {
	color: #E04880;
}

.grey {
	color: #B7B7B7;
}

.tan {
	color: #D2B48C;
}

.sand {
	color: #FFDFA1;
}

.olive {
	color: #8E8E38;
}

.navy {
	color: #667DC1;
}

.wine {
	color: #8B3626;
}

.relaxed {
	color:#63719C
}

.anxious {
	color:#973253
}

.veteran {
	color:#956BB4
}

.methodical {
	color:#CE7993
}

.scarred {
	color:#D8621F
}

.tattooed {
	color:#266568
}

/* background colours */
.bg-red {
	background-color: #EC3535;
}

.bg-pink {
	background-color: #E40081;
}

.bg-light-pink {
	background-color: #d67caf;
}

.bg-purple {
	background-color: #AA4BC8;
}

.bg-blue {
	background-color: #4372FF;
}

.bg-lblue,
.bg-light-blue {
	background-color: #559BC0;
}

.bg-teal {
	background-color: #08C1C1;
}

.bg-green {
	background-color: #38B20A;
}

.bg-light-green {
	background-color: #7caf7c;
}

.bg-brown {
	background-color: #4C2217;
}

.bg-brat {
	background-color: #B75D41;
}

.bg-meek {
	background-color: #C44B8B;
}

.bg-def {
	background-color: #D20000;
}

.bg-sub {
	background-color: #AA4BC8;
}

.bg-gold {
	background-color: #FFD700;
}

.bg-silver {
	background-color: silver;
}

.bg-bronze {
	background-color: #CD7F32;
}

.bg-steel {
	background-color: #8d9496;
}

.bg-blue-steel {
	background-color: #393747;
}

.bg-yellow,
.bg-pale-yellow {
	background-color: #FFD700;
}

.bg-orange {
	background-color: #f28500;
}

.bg-tangerine,
.bg-pale-tangerine {
	background-color: #f28500;
}

.bg-black {
	background-color: #000;
}

.bg-white,
.bg-pale-white {
	background-color: #EEE;
}

.bg-brown {
	background-color: #aa7243;
}

.bg-softbrown {
	background-color: #a45e16;
}

.bg-lightbrown {
	background-color: #C5793A;
}

.bg-burntorange {
	background-color: #d47730;
}

.bg-softblond {
	background-color: #e4cd87;
}

.bg-platinum {
	background-color: #FEF593;
}

.bg-ashy {
	background-color: #d3cfaa;
}

.bg-strawberry {
	background-color: #F08C51;
}

.bg-lewd {
	background-color: #E04880;
}

.bg-grey {
	background-color: #B7B7B7;
}

.bg-tan {
	background-color: #D2B48C;
}

.bg-sand {
	background-color: #FFDFA1;
}

.bg-olive {
	background-color: #8E8E38;
}

.bg-navy {
	background-color: #667DC1;
}

.bg-wine {
	background-color: #8B3626;
}

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.general {
	opacity: 0.99;
}

.wetstage2 {
	opacity: 0.90;
		filter: brightness(0.95);

}

.wetstage3 {
	opacity: 0.75;
		filter: brightness(0.90);

}

.grey-shadow {
	filter: drop-shadow(1px 1px 0px #666);
}

#stats {
	height: 1.25em;
	line-height: 1.25em;
	width: 280px;
	overflow: hidden;
	border-top: #fff 2px solid;
	border-bottom: #fff 2px solid;
	padding-top: 1px;
	position: fixed;
	top: 228px;
	left: 0px;
	background-color: #222;
	z-index: 1000;
}

#stats > * {
	top: 228px;
	left: 0px;
}

.statsExtended {
	height: 2.5em !important;
}

.icon_ui {
	position: static !important;
	height: 14px;
	width: 14px;
}

#statbar {
	position: relative;
	left: 0px;
	top: 9px;
	z-index: 0;
}

#img {
	height: 256px;
	width: 256px;
	overflow: hidden;
	position: fixed;
	top: 0px;
	left: 0px;
	background-color: #222;
}

#img > .canvasimg-both {
	left: 64px;
}

#img > * {
	position: absolute;
	top: 0px;
	left: 0px;
}

.noAnimations img {
	-webkit-animation-duration: unset !important;
	-webkit-animation-timing-function: unset !important;
	-webkit-animation-iteration-count: unset !important;
	-webkit-animation-name: unset !important;
	animation-duration: unset !important;
	animation-timing-function: unset !important;
	animation-iteration-count: unset !important;
	animation-name: unset !important;
}

.imgLighten {
	background-color: #777 !important;
}

.imgLighten2 {
	background-color: #999 !important;
}

#ui-bar-toggle {
	background-color: #222;
}

#versioninfo, #story-title {
	position:relative;
	z-index: 2;
}

#story-title {
	font-size: 1.69em;
	line-height: 1.25em;
}

#startingPlayerImage {
	margin-top:130px;
}

#startingPlayerImage #img {
	top: 5.44em;
	left: 20px;
}

.icon_ui {
	position: static !important;
	height: 14px;
	width: 14px;
}
.layer-bg {
	z-index: 0;
}

#relative {
	position: relative;
	width: 0px;
	height: 0px;
	z-index: 10;
}

#icon {
	position: static;
	vertical-align:middle;
}

#accIcon {
	position: absolute;
	right: 4px;
}

#spanIcon {
	position: absolute;
}

#daystate {
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 10;
}

#weather {
	position: fixed;
	left: 0px;
	top: 64px;
	z-index: 10;
}

#location {
	position: fixed;
	left: 0px;
	top: 128px;
	z-index: 10;
}

#world_map {
	position: relative;
	left: 0%;
	top: 0%;
	z-index: -10;
}

#spray1 {
	position: fixed;
	left: 0px;
	top: 192px;
	z-index: 10;
}

#spray2 {
	position: fixed;
	left: 13px;
	top: 192px;
	z-index: 10;
}

#spray3 {
	position: fixed;
	left: 27px;
	top: 192px;
	z-index: 10;
}

#spray4 {
	position: fixed;
	left: 42px;
	top: 192px;
	z-index: 10;
}

#spray5 {
	position: fixed;
	left: 56px;
	top: 192px;
	z-index: 10;
}

#spray6 {
	position: fixed;
	left: 68px;
	top: 192px;
	z-index: 10;
}

#spray7 {
	position: fixed;
	left: 80px;
	top: 192px;
	z-index: 10;
}

#childrenToysUI {
	display: flex;
	flex-wrap: wrap
}

.toysUiElement {
	border: 1px solid #ccc;
	margin: 2px;
	padding: 0px 5px 10px;
	min-width: 300px;
	min-height: 50px;
	width: 48%;
}

#birthUi {
	display: flex;
	flex-wrap: wrap
}

.childUi {
	border: 1px solid #ccc;
	margin: 2px;
	padding: 5px;
	min-width: 300px;
	width: 48%;
}

#childViewer {
	display: inline-flex;
	flex-wrap: wrap;
}

.childrenUi {
	border: 1px solid #ccc;
	margin: 2px;
	padding: 5px;
	min-width: 230px;
	width: 47%;
}
.childrenUi input {
	width: 90%;
	max-width: 230px;
	min-width: 200px;
}

.childrenUiControls {
	display: inline-flex;
	margin: 2px;
	padding: 5px;
	min-width: 230px;
	width: 47%;
}

.childrenUiControls div {
	flex-grow: 1;
	text-align: center;
}

@media only screen and (max-width: 750px) {
	.childrenUi {
		width: 100%;
	}
	.childrenUiControls {
		width: 100%;
	}
	.toysUiElement {
		width: 100%;
	}
}

@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0)
{ @media all{
	#ui-bar-body {
		overflow-x: hidden;
	}

	#stats, #img, #daystate, #weather, #location, #spray1, #spray2, #spray3, #spray4, #spray5
	{
		position: absolute;
	}
}}

@media not all and (min-resolution:.001dpcm) {
	@media all{
	#ui-bar-body {
		overflow-x: hidden;
	}

	#stats, #img, #daystate, #weather, #location, #spray1, #spray2, #spray3, #spray4, #spray5
	{
		position: absolute;
	}
}}

#divandroidxray {
	position: relative;
	display: inline-block;
	height: 256px;
	width: 256px;
}

#xrayvaginal, #divsex #xrayvaginal {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 3;
}

#xrayvaginalcum, #divsex #xrayvaginalcum {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 4;
	height: 128px;
}

#xraypenile, #divsex #xraypenile {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 2;
}

#xrayanal, #divsex #xrayanal {
	position: absolute;
	left: 512px;
	top: 0px;
	z-index: 1;
}

#xrayandroidvaginal, #divsex #xrayandroidvaginal {
	position: relative;
	left: 0px;
	top: -8px;
	z-index: 3;
	height: 128px;
}

#xrayandroidpenile, #divsex #xrayandroidpenile {
	position: relative;
	left: 0px;
	top: -8px;
	z-index: 2;
	height: 128px;
}

#xrayandroidanal, #divsex #xrayandroidanal {
	position: relative;
	left: 0px;
	top: -8px;
	z-index: 1;
	height: 128px;
}

/*
Combat display styles
*/
#listContainer	{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin-bottom: 40px;
}

.radioControl	{
	display: block;
	width: 100%;
}

.radioControl .extraMargin	{
	margin-bottom: 20px;
}

.listsControl, .limitedListsControl	{
	display: flex;
	flex-direction: column;
	padding: 2px;
	border: solid 1px #555;
	margin: 5px;
}

.limitedListsControl	{
	min-width: 46%;
}

@media only screen and (max-width: 500px) {
	.limitedListsControl, .listsControl {
		min-width: 99%;
	}
	.limitedListsControl .flavorText select, .listsControl .flavorText select {
		max-width: 500px;
	}
}

.whiteList select,.whiteList select:hover,.whiteList select:focus{
	border:#fff 2px solid;
	width: 99%;
	max-width: 300px;
}

.bratList select,.bratList select:hover,.bratList select:focus{
	border:#B75D41 2px solid;
	width: 99%;
	max-width: 300px;
}

.meekList select,.meekList select:hover,.meekList select:focus{
	border:#C44B8B 2px solid;
	width: 99%;
	max-width: 300px;
}

.defList select,.defList select:hover,.defList select:focus{
	border:#D20000 2px solid;
	width: 99%;
	max-width: 300px;
}

.subList select,.subList select:hover,.subList select:focus{
	border:#AA4BC8 2px solid;
	width: 99%;
	max-width: 300px;
}

.reducedWidth select,.reducedWidth select:hover,.reducedWidth select:focus {
	max-width: 175px;
}

/*
removed unused:
#arm #underacc #legs #feet #bottom #top #sleeve #outer #outersleeve #neckacc
*/

.layer-over_head-back {
	z-index: 0;
}
.layer-head-back {
	z-index: 1;
}
.layer-basehead {
	z-index: 5;
}
.layer-backhair {
	z-index: 10;
}
.layer-back-lower {
	z-index: 15;
}
.layer-base {
	z-index: 20;
}
.layer-facebase {
	z-index: 21;
}
.layer-tanBody {
	z-index: 22;
}
.layer-hirsute {
	z-index: 25;
}
.layer-eyes {
	z-index: 30;
}
.layer-sclera {
	z-index: 31;
}
.layer-iris {
	z-index: 32;
}
.layer-irisacc {
	z-index: 33;
}
.layer-eyelids {
	z-index: 34;
}
.layer-lashes {
	z-index: 35;
}
.layer-mouth {
	z-index: 40;
}
.layer-breasts {
	z-index: 35;
}
.layer-tanbreasts {
	z-index: 30;
}
.layer-blush {
	z-index: 50;
}
.layer-freckles {
	z-index: 51;
}
.layer-skin {
	z-index: 52;
}
.layer-tears {
	z-index: 55;
}
.layer-hair {
	z-index: 60;
}
.layer-brow {
	z-index: 62;
}
.layer-penis-chastity {
	z-index: 64;
}
.layer-legs {
	z-index: 64;
}
.layer-pbhair {
	z-index: 64;
}
.layer-genitals {
	z-index: 65;
}
.layer-penis {
	z-index: 160;
}
.layer-pbhairballs {
	z-index: 161;
}
.layer-underParasite {
	z-index: 66;
}
.layer-under_lower {
	z-index: 67;
}
.layer-under_lower-top {
	z-index: 68;
}
.layer-under_upper {
	z-index: 70;
}
.layer-under_upper-top {
	z-index: 72;
}
.layer-under_lower-high {
	z-index: 75;
}
.layer-under_lower_top-high {
	z-index: 77;
}
.layer-under {
	z-index: 75;
}
.layer-feet {
	z-index: 85;
}
.layer-lower {
	z-index: 90;
}
.layer-lower_top {
	z-index: 92;
}
.layer-upper {
	z-index: 95;
}
.layer-upper.tucked {
	z-index: 89
}
.layer-upper_top {
	z-index: 97;
}

.layer-collar {
	z-index: 103;
}
.layer-neck {
	z-index: 103;
}

.layer-rightarm {
	z-index: 105;
}
.layer-leftarm {
	z-index: 105;
}
.layer-armSkin {
	z-index: 106;
}
.layer-armTan {
	z-index: 107;
}
.layer-leftarmunderclothes {
	z-index: 109;
}
.layer-rightarmunderclothes {
	z-index: 109;
}
.layer-hands {
	z-index: 110;
}
.layer-rightarmclothes {
	z-index: 112;
}
.layer-leftarmclothes {
	z-index: 112;
}
.layer-lower-high {
	z-index: 115;
}
.layer-lower-top-high {
	z-index: 117;
}

.layer-hairforwards {
	z-index: 132;
}
.layer-fronthair {
	z-index: 133;
}
.layer-brow {
	z-index: 138;
}
.layer-horns {
	z-index: 140;
}
.layer-face {
	z-index: 145;
}
.layer-head {
	z-index: 150;
}
.layer-over_head {
	z-index: 152;
}

.layer-parasite {
	z-index: 160;
}

.layer-tailPenisCover {
	z-index: 165;
}

.layer-over_lower {
	z-index: 170;
}
.layer-over_upper {
	z-index: 171;
}
.layer-leftarmoverclothes {
	z-index: 174;
}
.layer-rightarmoverclothes {
	z-index: 174;
}

#divsex {
		position: relative;
		display: inline-block;
		height: 256px;
		width: 100%;

}
#divsex > *, #divandroidsex > * {
	position: absolute;
	left: 256px;
	top: 0px;
}

#divandroidsex {
	position: relative;
	display: inline-block;
	height: 256px;
	width: 100%;
	left: -256px;
}

#divandroidLighten	{
	position: relative;
	height: 256px;
	width: 100%;
	left: 256px;
}

#closepenis, #divsex #closepenis {
		position: absolute;
		left: 321px;
		top: -30px;
	z-index: 250;
}

#closeanus, #divsex #closeanus {
		position: absolute;
		left: 451px;
		top: -30px;
	z-index: 250;
}

#closevagina, #divsex #closevagina {
		position: absolute;
		left: 386px;
		top: -30px;
	z-index: 250;
}

#closechest, #divsex #closechest {
		position: absolute;
		left: 255px;
		top: -30px;
	z-index: 250;
}

.div_stalk {
	width: 512;
	height: 32px;
	position: relative;
}
.stalk_1 {
	left: 0px;
	position: absolute;
}
.stalk_2 {
	left: 64px;
	position: absolute;
}
.stalk_3 {
	left: 128px;
	position: absolute;
}
.stalk_4 {
	left: 192px;
	position: absolute;
}
.stalk_5 {
	left: 256px;
	position: absolute;
}
.stalk_6 {
	left: 322px;
	position: absolute;
}
.stalk_7 {
	left: 386px;
	position: absolute;
}

#closechestbreasts, #divsex #closechestbreasts {
	z-index: 270;
}

#closechestnip, #divsex #closechestnip {
	z-index: 280;
}

#closechestpenis, #divsex #closechestpenis {
	z-index: 290;
}

.layer-behind {
	z-index: -100;
}

.layer-voreback {
	z-index: -20;
}
.layer-sexbaseback {
	z-index: 1;
}
.layer-sexBackArm {
	z-index: 2;
}
.layer-sexsleeveback {
	z-index: 3;
}
.layer-sexpenis {
	z-index: 5;
}
.layer-sexlegsback {
	z-index: 6;
}
.layer-beastback {
	z-index: 8;
}
.layer-sexbase {
	z-index: 10;
}
.layer-sexskinback {
	z-index: 11;
}
.layer-sexlegsback {
	z-index: 12;
}
.layer-sexlegsbackacc {
	z-index: 13;
}
.layer-sexbaseoverlay {
	z-index: 13;
}
.layer-sexfreckles {
	z-index: 19;
}
.layer-sexeyes {
	z-index: 20;
}
.layer-sexsclera {
	z-index: 30;
}
.layer-sexmouth {
	z-index: 40;
}
.layer-sexblush {
	z-index: 50;
}
.layer-sexskin {
	z-index: 55;
}
.layer-sextears {
	z-index: 60;
}
.layer-beastfront {
	z-index: 65;
}
.layer-sexbrow {
	z-index: 80;
}
.layer-sexlashes {
	z-index: 90;
}
.layer-sexbreastunderupper {
	z-index: 96
}
.layer-sexbreastupper {
	z-index: 97
}
.layer-sextiedoggy {
	z-index: 99;
}
/* z-index of bound hands 150, hair 140 */
.layer-sextiemissionary {
	z-index: 142;
}
.layer-sexbasefront {
	z-index: 100;
}
.layer-doggyhirsute {
	z-index: 101;
}
.layer-sexshoes {
	z-index: 103;
}
.layer-sexlegs {
	z-index: 102;
}
.layer-sexlegsacc {
	z-index: 104;
}
.layer-sexunder {
	z-index: 105;
}
.layer-sexbetweenlegs {
	z-index: 99;
}
.layer-sexrightleg {
	z-index: 100;
}
.layer-sexrightlegskin {
	z-index: 101;
}
.layer-sexlower {
	z-index: 106;
}
.layer-sexupper {
	z-index: 108;
}
.layer-sexaboveclothes {
	z-index: 108;
}
.layer-sexarmsskin {
	z-index: 107;
}
.layer-sexrightarmsskin {
	z-index: 109;
}
.layer-sexhands {
	z-index: 110;
}

.layer-beastforeground {
	z-index: 120;
}

.layer-apparatus {
	z-index: 130;
}
.layer-midapparatus {
	z-index: 131;
}
.layer-frontapparatus {
	z-index: 132;
}

.layer-sexhair {
	z-index: 140;
}

.layer-sexarmsbound {
	z-index: 150;
}
.layer-sexarmsboundskin {
	z-index: 151;
}
.layer-sexsleeve {
	z-index: 155;
}

.layer-foreground {
	z-index: 200;
}
.layer-frontforeground {
	z-index: 220;
}

.freckles {
	mix-blend-mode: darken;
	opacity: 0.75;
}

.shift-right-2 {
	transform: translateX(2px);
}

/*! <<numberpool>> macro set for SugarCube v2 */
div[id|="numberbox-body"] {
	display: inline-block;
}
div[id|="numberbox-body"] input {
	min-width: 3em;
	width: 3em;
	text-align: center;
}
div[id|="numberbox-body"] button {
	font-family: "tme-fa-icons";
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: normal;
	speak: none;
	padding: 0.4em 0.6em;
}
div[id|="numberbox-body"] button[id|="numberbox-minus"] {
	margin-right: 0.4em;
}
div[id|="numberbox-body"] button[id|="numberbox-plus"] {
	margin-left: 0.4em;
}

div[id|="numberslider-body"] {
	display: inline-block;
	width: 100%;
}
div[id|="numberslider-body"] span {
	display: inline-block;
	/*font-size: 1.25em;*/
	margin-left: 0.25em;
	min-width: 3em;
	text-align: center;
	vertical-align: middle;
}

div[id|="numberslider-body"] .small-description{
	margin-left: -6em;
	text-align: left;
}

div[id|="numberslider-body"] span .inline-colour{
	margin-left: unset;
	min-width: unset;
	vertical-align: unset;
}

div[id|="numberslider-body"] input {
	-webkit-appearance: none;
	cursor: pointer;
	height: 1.25em;
	width: 95%;
	max-width: 20em;
	vertical-align: middle;
}
div[id|="numberslider-body"] input:focus {
	outline: none;
}
div[id|="numberslider-body"] input::-webkit-slider-runnable-track {
	background: #222;
	border: 1px solid #444;
	border-radius: 0;
	cursor: pointer;
	height: 10px;
	width: 100%;
}
div[id|="numberslider-body"] input::-webkit-slider-thumb {
	-webkit-appearance: none;
	background: #ddd;
	border: 3px solid #aaa;
	border-radius: 0;
	cursor: pointer;
	height: 18px;
	margin-top: -5px;
	width: 33px;
}
div[id|="numberslider-body"] input:focus::-webkit-slider-runnable-track {
	background: #222;
}
div[id|="numberslider-body"] input::-moz-range-track {
	background: #222;
	border: 1px solid #444;
	border-radius: 0;
	cursor: pointer;
	height: 10px;
	width: 100%;
}
div[id|="numberslider-body"] input::-moz-range-thumb {
	background: #ddd;
	border: 3px solid #aaa;
	border-radius: 0;
	cursor: pointer;
	height: 18px;
	width: 33px;
}
div[id|="numberslider-body"] input::-ms-track {
	background: transparent;
	border-color: transparent;
	color: transparent;
	cursor: pointer;
	height: 10px;
	width: 99%; /* fallback for MS browsers without support for calc() */
	width: calc(100% - 1px);
}
div[id|="numberslider-body"] input::-ms-fill-lower {
	background: #222;
	border: 1px solid #444;
	border-radius: 0;
}
div[id|="numberslider-body"] input::-ms-fill-upper {
	background: #222;
	border: 1px solid #444;
	border-radius: 0;
}
div[id|="numberslider-body"] input::-ms-thumb {
	background: #ddd;
	border: 3px solid #aaa;
	border-radius: 0;
	cursor: pointer;
	height: 16px;
	width: 33px;
}

.description {
	font-size: 0.9em;
	color: darkgrey;
}
.small-description {
	font-size: small;
	color: darkgrey;
}
.x-small-description {
	font-size: x-small;
	color: grey;
}

label {
	cursor: pointer;
}

.meter {
	position: relative;
	height: 0.25em;
	width: 100%;
	background-color: gray;
	text-align: center;
	z-index: -10;
}

.rightMeterText {
	width: 44%;
	float: left;
	text-align: right;
	padding-right: 2px;
}

.rightMeter {
	position: relative;
	height: 0.375em;
	width: 55%;
	background-color: gray;
	text-align: center;
	z-index: -10;
	float: right;
	margin-top: 0.6em;
}

.redbar {
	position: absolute;
	left: 0;
	top: 0;
	height: 0.25em;
	background-color: #EC3535;
	z-index: 0;
	max-width: 100%;
}

.rightMeter .redbar {
	height: 0.375em;
}

.pinkbar {
	position: absolute;
	left: 0;
	top: 0;
	height: 0.25em;
	background-color: #E40081;
	z-index: 0;
	max-width: 100%;
}

.rightMeter .pinkbar {
	height: 0.375em;
}

.purplebar {
	position: absolute;
	left: 0;
	top: 0;
	height: 0.25em;
	background-color: #AA4BC8;
	z-index: 0;
	max-width: 100%;
}

.rightMeter .purplebar {
	height: 0.375em;
}

.bluebar {
	position: absolute;
	left: 0;
	top: 0;
	height: 0.25em;
	background-color: #4372FF;
	z-index: 0;
	max-width: 100%;
}

.rightMeter .bluebar {
	height: 0.375em;
}

.lbluebar {
	position: absolute;
	left: 0;
	top: 0;
	height: 0.25em;
	background-color: #559BC0;
	z-index: 0;
	max-width: 100%;
}

.rightMeter .lbluebar {
	height: 0.375em;
}

.tealbar {
	position: absolute;
	left: 0;
	top: 0;
	height: 0.25em;
	background-color: #08C1C1;
	z-index: 0;
	max-width: 100%;
}

.rightMeter .tealbar {
	height: 0.375em;
}

.greenbar {
	position: absolute;
	left: 0;
	top: 0;
	height: 0.25em;
	background-color: #38B20A;
	z-index: 0;
	max-width: 100%;
}

.rightMeter .greenbar {
	height: 0.375em;
}

.goldbar {
	position: absolute;
	left: 0;
	top: 0;
	height: 0.25em;
	background-color: #FFD700;
	z-index: 0;
	max-width: 100%;
}

.rightMeter .goldbar {
	height: 0.375em;
}

/*
 * Hair/Eye/Clothing colour filters
 * Expected document structure:
 * - some outer element has .hair-$haircolour (or .eye-/.lower-/.upper-/.under-) class
 * - inner image element has .colour-hair (or -eye/-lower/-upper/-under) class
 */
/* Hair: base is red */
.brows-black,
.hair-black .colour-hair,
.pbhair-black {
	-webkit-filter: hue-rotate(0deg) saturate(15%) brightness(50%) contrast(100%);
	filter: hue-rotate(0deg) saturate(15%) brightness(50%) contrast(100%);
}
.brows-platinum-blond,
.brows-platinumblond,
.hair-platinum-blond .colour-hair,
.pbhair-platinum-blond,
.hair-platinumblond .colour-hair,
.pbhair-platinumblond {
	-webkit-filter: hue-rotate(57deg) saturate(60%) brightness(170%) contrast(80%) sepia(0);
	filter: hue-rotate(57deg) saturate(60%) brightness(170%) contrast(80%) sepia(0);
}
.brows-ashy-blond,
.brows-ashyblond,
.hair-ashy-blond .colour-hair,
.pbhair-ashy-blond,
.hair-ashyblond .colour-hair,
.pbhair-ashyblond {
	-webkit-filter: hue-rotate(50deg) saturate(30%) brightness(140%) contrast(80%);
	filter: hue-rotate(50deg) saturate(30%) brightness(140%) contrast(80%);
}
.brows-blond,
.hair-blond .colour-hair,
.pbhair-blond {
	-webkit-filter: hue-rotate(60deg) saturate(80%) brightness(135%) contrast(90%);
	filter: hue-rotate(60deg) saturate(80%) brightness(135%) contrast(90%);
}
.brows-blue,
.hair-blue .colour-hair,
.pbhair-blue {
	-webkit-filter: hue-rotate(200deg) saturate(200%) brightness(58%) contrast(150%);
	filter: hue-rotate(200deg) saturate(200%) brightness(58%) contrast(150%);
}
.hair-neon-blue .colour-hair,
.pbhair-neon-blue,
.hair-neonblue .colour-hair,
.pbhair-neonblue {
	-webkit-filter: hue-rotate(200deg) saturate(220%) brightness(130%) contrast(100%);
	filter: hue-rotate(200deg) saturate(220%) brightness(130%) contrast(100%);
}
.brows-neon-blue,
.brows-neonblue {
	-webkit-filter: hue-rotate(200deg) saturate(220%) brightness(300%) contrast(100%);
	filter: hue-rotate(200deg) saturate(220%) brightness(300%) contrast(100%);
}
.brows-brown,
.hair-brown .colour-hair,
.pbhair-brown {
	-webkit-filter: hue-rotate(40deg) saturate(60%) brightness(71%) contrast(100%);
	filter: hue-rotate(40deg) saturate(60%) brightness(71%) contrast(100%);
}
.brows-light-brown,
.brows-lightbrown,
.hair-light-brown .colour-hair,
.pbhair-light-brown,
.hair-lightbrown .colour-hair,
.pbhair-lightbrown {
	-webkit-filter: hue-rotate(40deg) saturate(70%) brightness(100%) contrast(110%);
	filter: hue-rotate(40deg) saturate(70%) brightness(100%) contrast(110%);
}
.brows-dark-brown,
.brows-darkbrown,
.hair-dark-brown .colour-hair,
.pbhair-dark-brown,
.hair-darkbrown .colour-hair,
.pbhair-darkbrown {
	-webkit-filter: hue-rotate(30deg) saturate(70%) brightness(50%) contrast(110%);
	filter: hue-rotate(30deg) saturate(70%) brightness(50%) contrast(110%);
}
.brows-strawberry-blond,
.brows-strawberryblond,
.hair-strawberry-blond .colour-hair,
.pbhair-strawberry-blond,
.hair-strawberryblond .colour-hair,
.pbhair-strawberryblond {
	-webkit-filter: hue-rotate(30deg) saturate(80%) brightness(150%) contrast(90%);
	filter: hue-rotate(30deg) saturate(80%) brightness(150%) contrast(90%) sepia(1%);
}
.hair-ginger .colour-hair,
.pbhair-ginger {
	-webkit-filter: hue-rotate(30deg) saturate(150%) brightness(110%) contrast(90%);
	filter: hue-rotate(30deg) saturate(150%) brightness(110%) contrast(90%);
}
.brows-ginger {
	-webkit-filter: hue-rotate(30deg) brightness(430%) saturate(60%) contrast(120%);
	filter: hue-rotate(30deg) brightness(430%) saturate(60%) contrast(120%);
}
.brows-blood-orange,
.brows-bloodorange,
.hair-blood-orange .colour-hair,
.pbhair-blood-orange,
.hair-bloodorange .colour-hair,
.pbhair-bloodorange {
	-webkit-filter: hue-rotate(14deg) saturate(150%) brightness(100%) contrast(120%);
	filter: hue-rotate(14deg) saturate(150%) brightness(100%) contrast(120%);
}
.brows-burnt-orange,
.brows-burntorange,
.hair-burnt-orange .colour-hair,
.pbhair-burnt-orange,
.hair-burntorange .colour-hair,
.pbhair-burntorange {
	-webkit-filter: hue-rotate(34deg) contrast(57%) saturate(154%) brightness(104%);
	filter: hue-rotate(34deg) contrast(57%) saturate(154%) brightness(104%);
}
.brows-jet-black,
.brows-jetblack,
.hair-jet-black .colour-hair,
.pbhair-jet-black,
.hair-jetblack .colour-hair,
.pbhair-jetblack {
	-webkit-filter: hue-rotate(0deg) saturate(0%) brightness(40%) contrast(100%);
	filter: hue-rotate(0deg) saturate(0%) brightness(40%) contrast(100%);
}
.brows-soft-blond,
.brows-softblond,
.hair-soft-blond .colour-hair,
.pbhair-soft-blond,
.hair-softblond .colour-hair,
.pbhair-softblond {
	-webkit-filter: hue-rotate(57deg) saturate(250%) brightness(180%) contrast(60%) sepia(0.75);
	filter: hue-rotate(57deg) saturate(250%) brightness(180%) contrast(60%) sepia(0.75);
}
.brows-golden,
.hair-golden .colour-hair,
.pbhair-golden {
	-webkit-filter: hue-rotate(60deg) saturate(130%) brightness(135%) contrast(100%);
	filter: hue-rotate(60deg) saturate(130%) brightness(135%) contrast(100%);
}
.brows-soft-brown,
.brows-softbrown,
.hair-soft-brown .colour-hair,
.pbhair-soft-brown,
.hair-softbrown .colour-hair,
.pbhair-softbrown {
	-webkit-filter: hue-rotate(40deg) saturate(100%) brightness(80%) contrast(100%);
	filter: hue-rotate(40deg) saturate(100%) brightness(80%) contrast(100%);
}
.brows-dark-lime,
.brows-darklime,
.hair-dark-lime .colour-hair,
.pbhair-dark-lime,
.hair-darklime .colour-hair,
.pbhair-darklime {
	-webkit-filter: hue-rotate(90deg) saturate(100%) brightness(100%) contrast(100%);
	filter: hue-rotate(90deg) saturate(100%) brightness(100%) contrast(100%);
}
.brows-bright-pink,
.brows-brightpink,
.hair-bright-pink .colour-hair,
.pbhair-bright-pink,
.hair-brightpink .colour-hair,
.pbhair-brightpink {
	-webkit-filter: hue-rotate(-20deg) saturate(70%) brightness(130%) contrast(100%);
	filter: hue-rotate(-20deg) saturate(70%) brightness(130%) contrast(100%);
}
.brows-medium-purple,
.brows-mediumpurple,
.hair-medium-purple .colour-hair,
.pbhair-medium-purple,
.hair-mediumpurple .colour-hair,
.pbhair-mediumpurple {
	-webkit-filter: hue-rotate(-80deg) saturate(110%) brightness(60%) contrast(200%);
	filter: hue-rotate(-80deg) saturate(110%) brightness(60%) contrast(200%);
}
.brows-green,
.hair-green .colour-hair,
.pbhair-green {
	-webkit-filter: hue-rotate(125deg) saturate(100%) brightness(80%) contrast(100%);
	filter: hue-rotate(125deg) saturate(100%) brightness(80%) contrast(100%);
}
.hair-toxic-green .colour-hair,
.pbhair-toxic-green,
.hair-toxicgreen .colour-hair,
.pbhair-toxicgreen {
	-webkit-filter: hue-rotate(80deg) saturate(220%) brightness(130%) contrast(100%);
	filter: hue-rotate(80deg) saturate(220%) brightness(130%) contrast(100%);
}
.brows-toxic-green,
.brows-toxicgreen {
	-webkit-filter: hue-rotate(80deg) saturate(220%) brightness(330%) contrast(100%);
	filter: hue-rotate(80deg) saturate(220%) brightness(330%) contrast(100%);
}
.hair-teal .colour-hair,
.pbhair-teal {
	-webkit-filter: hue-rotate(155deg) saturate(100%) brightness(88%) contrast(100%);
	filter: hue-rotate(155deg) saturate(100%) brightness(88%) contrast(100%);
}
.brows-teal {
	-webkit-filter: hue-rotate(155deg) saturate(100%) brightness(168%) contrast(100%);
	filter: hue-rotate(155deg) saturate(100%) brightness(168%) contrast(100%);
}
.brows-pink,
.hair-pink .colour-hair,
.pbhair-pink {
	-webkit-filter: hue-rotate(-20deg) saturate(70%) brightness(100%) contrast(100%);
	filter: hue-rotate(-20deg) saturate(70%) brightness(100%) contrast(100%);
}
.brows-hot-pink,
.brows-hotpink,
.hair-hot-pink .colour-hair,
.pbhair-hot-pink,
.hair-hotpink .colour-hair,
.pbhair-hotpink {
	-webkit-filter: hue-rotate(320deg) saturate(100%) brightness(120%) contrast(100%);
	filter: hue-rotate(320deg) saturate(100%) brightness(120%) contrast(100%);
}
.brows-soft-pink,
.brows-softpink,
.hair-soft-pink .colour-hair,
.pbhair-soft-pink,
.hair-softpink .colour-hair,
.pbhair-softpink {
	-webkit-filter: hue-rotate(-20deg) saturate(30%) brightness(150%) contrast(100%);
	filter: hue-rotate(20deg) saturate(30%) brightness(150%) contrast(100%);
}
.brows-purple,
.hair-purple .colour-hair,
.pbhair-purple {
	-webkit-filter: hue-rotate(-70deg) saturate(110%) brightness(50%) contrast(200%);
	filter: hue-rotate(-70deg) saturate(110%) brightness(50%) contrast(200%);
}
.brows-bright-purple,
.brows-brightpurple,
.hair-bright-purple .colour-hair,
.pbhair-bright-purple,
.hair-brightpurple .colour-hair,
.pbhair-brightpurple {
	-webkit-filter: hue-rotate(259deg) saturate(220%) brightness(130%) contrast(100%);
	filter: hue-rotate(259deg) saturate(220%) brightness(130%) contrast(100%);
}
.brows-red,
.hair-red .colour-hair,
.pbhair-red {
	-webkit-filter: hue-rotate(0deg) saturate(100%) brightness(100%) contrast(100%);
	filter: hue-rotate(0deg) saturate(100%) brightness(100%) contrast(100%);
}
.brows-crimson,
.hair-crimson .colour-hair,
.pbhair-crimson {
	-webkit-filter: hue-rotate(0deg) saturate(155%) brightness(65%) contrast(135%);
	filter: hue-rotate(0deg) saturate(155%) brightness(65%) contrast(135%);
}
.hair-white .colour-hair,
.pbhair-white {
	-webkit-filter: hue-rotate(0deg) saturate(0%) brightness(160%) contrast(100%);
	filter: hue-rotate(0deg) saturate(0%) brightness(160%) contrast(100%);
}
.brows-white {
	-webkit-filter: hue-rotate(250deg) saturate(0%) brightness(620%) contrast(100%);
	filter: hue-rotate(250deg) saturate(0%) brightness(620%) contrast(100%);
}
.hair-snow-white .colour-hair,
.pbhair-snow-white,
.hair-snowwhite .colour-hair,
.pbhair-snowwhite {
	-webkit-filter: hue-rotate(0deg) saturate(0%) brightness(190%) contrast(100%);
	filter: hue-rotate(0deg) saturate(0%) brightness(190%) contrast(100%);
}
.brows-snow-white,
.brows-snowwhite {
	-webkit-filter: hue-rotate(0deg) saturate(0%) brightness(690%) contrast(100%);
	filter: hue-rotate(0deg) saturate(0%) brightness(690%) contrast(100%);
}
.hair-deep-blue .colour-hair,
.pbhair-deep-blue,
.hair-deepblue .colour-hair,
.pbhair-deepblue {
	-webkit-filter: hue-rotate(240deg) saturate(100%) brightness(40%) contrast(120%);
	filter: hue-rotate(240deg) saturate(100%) brightness(40%) contrast(120%);
}
.brows-deep-blue,
.brows-deepblue {
	-webkit-filter: hue-rotate(240deg) saturate(100%) brightness(120%) contrast(120%);
	filter: hue-rotate(240deg) saturate(100%) brightness(120%) contrast(120%);
}

/* Eye: base is hazel */
.eye-dark-blue .colour-eye {
	-webkit-filter: hue-rotate(170deg) brightness(90%) saturate(100%) contrast(140%);
	filter: hue-rotate(170deg) brightness(90%) saturate(100%) contrast(140%);
}
.eye-light-blue .colour-eye {
	-webkit-filter: hue-rotate(160deg) brightness(180%) saturate(120%) contrast(100%);
	filter: hue-rotate(160deg) brightness(180%) saturate(120%) contrast(100%);
}
.eye-purple .colour-eye {
	-webkit-filter: hue-rotate(-120deg) brightness(80%) saturate(200%) contrast(190%);
	filter: hue-rotate(-120deg) brightness(80%) saturate(200%) contrast(190%);
}
.eye-hazel .colour-eye {
	-webkit-filter: hue-rotate(0deg) saturate(100%) brightness(100%) contrast(100%);
	filter: hue-rotate(0deg) saturate(100%) brightness(100%) contrast(100%);
}
.eye-amber .colour-eye {
	-webkit-filter: hue-rotate(0deg) brightness(170%) saturate(100%) contrast(100%);
	filter: hue-rotate(0deg) brightness(170%) saturate(100%) contrast(100%);
}
.eye-green .colour-eye {
	-webkit-filter: hue-rotate(30deg) brightness(140%) saturate(100%) contrast(100%);
	filter: hue-rotate(30deg) brightness(140%) saturate(100%) contrast(100%);
}
.eye-lightgreen .colour-eye,
.eye-light-green .colour-eye {
	-webkit-filter: hue-rotate(30deg) brightness(170%) saturate(160%) contrast(100%);
	filter: hue-rotate(30deg) brightness(170%) saturate(160%) contrast(100%);
}
.eye-red .colour-eye {
	-webkit-filter: hue-rotate(335deg) saturate(200%) brightness(100%) contrast(140%);
	filter: hue-rotate(335deg) saturate(200%) brightness(100%) contrast(140%);
}
.eye-pink .colour-eye {
	-webkit-filter: hue-rotate(-105deg) brightness(150%) saturate(120%) contrast(120%);
	filter: hue-rotate(-105deg) brightness(150%) saturate(120%) contrast(120%);
}
.eye-grey .colour-eye {
	-webkit-filter: hue-rotate(0deg) brightness(140%) saturate(0%) contrast(100%);
	filter: hue-rotate(0deg) brightness(140%) saturate(0%) contrast(100%);
}

.eye-redPossessed {
	-webkit-filter: hue-rotate(335deg) saturate(200%) brightness(90%) contrast(140%);
	filter: hue-rotate(335deg) saturate(200%) brightness(90%) contrast(140%);
}
.eye-bluePossessed {
	-webkit-filter: hue-rotate(180deg) brightness(100%) saturate(100%) contrast(140%);
	filter: hue-rotate(180deg) brightness(100%) saturate(100%) contrast(140%);
}

/* Clothing specific classes */
/* Clothing opacity classes need to be applied to a div with the images inside */
.clothes-div img {
	position: absolute;
}

.clothes-damp {
	-webkit-filter: opacity(0.9);
	filter: opacity(0.9);
}

.clothes-wet {
	-webkit-filter: opacity(0.7);
	filter: opacity(0.7);
}

.clothes-drenshed {
	-webkit-filter: opacity(0.5);
	filter: opacity(0.5);
}

/* Clothing: base is red */
.clothes-blue {
	-webkit-filter: hue-rotate(-120deg) saturate(100%) brightness(100%) contrast(100%);
	filter: hue-rotate(-120deg) saturate(100%) brightness(100%) contrast(100%);
}

.clothes-light-blue {
	-webkit-filter: hue-rotate(210deg) saturate(20%) brightness(260%) contrast(100%);
	filter: hue-rotate(210deg) saturate(20%) brightness(260%) contrast(100%);
}

.clothes-white {
	-webkit-filter: hue-rotate(0deg) saturate(0%) brightness(440%) contrast(140%);
	filter: hue-rotate(0deg) saturate(0%) brightness(440%) contrast(140%);
}

.clothes-pale-white {
	-webkit-filter: hue-rotate(0deg) saturate(0%) brightness(250%) contrast(100%);
	filter: hue-rotate(0deg) saturate(0%) brightness(250%) contrast(100%);
}

.clothes-red {
	-webkit-filter: hue-rotate(0deg) saturate(100%) brightness(100%) contrast(100%);
	filter: hue-rotate(0deg) saturate(100%) brightness(100%) contrast(100%);
}

.clothes-green {
	-webkit-filter: hue-rotate(120deg) saturate(100%) brightness(150%) contrast(100%);
	filter: hue-rotate(120deg) saturate(100%) brightness(150%) contrast(100%);
}

.clothes-light-green {
	-webkit-filter: hue-rotate(90deg) saturate(20%) brightness(260%) contrast(100%);
	filter: hue-rotate(90deg) saturate(20%) brightness(260%) contrast(100%);
}

.clothes-black {
	-webkit-filter: hue-rotate(0deg) saturate(0%) brightness(110%) contrast(110%);
	filter: hue-rotate(0deg) saturate(0%) brightness(110%) contrast(110%);
}

.clothes-pink {
	-webkit-filter: hue-rotate(-30deg) saturate(50%) contrast(100%) brightness(160%);
	filter: hue-rotate(-30deg) saturate(50%) contrast(100%) brightness(160%);
}

.clothes-light-pink {
	-webkit-filter: hue-rotate(-40deg) saturate(20%) brightness(260%) contrast(100%);
	filter: hue-rotate(-40deg) saturate(20%) brightness(260%) contrast(100%);
}

.clothes-purple {
	-webkit-filter: hue-rotate(-80deg) saturate(100%) brightness(100%) contrast(100%);
	filter: hue-rotate(-80deg) saturate(100%) brightness(100%) contrast(100%);
}

.clothes-tangerine {
	-webkit-filter: hue-rotate(60deg) saturate(150%) brightness(200%) contrast(100%);
	filter: hue-rotate(60deg) saturate(150%) brightness(200%) contrast(100%);
}

.clothes-pale-tangerine {
	-webkit-filter: hue-rotate(60deg) saturate(400%) brightness(130%) contrast(100%);
	filter: hue-rotate(60deg) saturate(400%) brightness(130%) contrast(100%);
}

.clothes-teal {
	-webkit-filter: hue-rotate(-180deg) saturate(75%) brightness(200%) contrast(100%);
	filter: hue-rotate(-180deg) saturate(75%) brightness(200%) contrast(100%);
}

.clothes-yellow {
	-webkit-filter: hue-rotate(65deg) saturate(100%) brightness(290%) contrast(300%) sepia(0.55);
	filter: hue-rotate(65deg) saturate(100%) brightness(290%) contrast(300%) sepia(0.55);
}

.clothes-pale-yellow {
	-webkit-filter: hue-rotate(65deg) saturate(100%) brightness(250%) contrast(120%);
	filter: hue-rotate(65deg) saturate(100%) brightness(250%) contrast(120%);
}

.clothes-brown {
	-webkit-filter: hue-rotate(55deg) saturate(100%) brightness(90%) contrast(100%);
	filter: hue-rotate(55deg) saturate(100%) brightness(90%) contrast(100%);
}

.clothes-tan {
	-webkit-filter: hue-rotate(60.3deg) saturate(17.5%) brightness(270%);
	filter: hue-rotate(60.3deg) saturate(17.5%) brightness(270%);
}
.clothes-grey {
	-webkit-filter: hue-rotate(58.8deg) saturate(5%) brightness(270%);
	filter: hue-rotate(58.8deg) saturate(5%) brightness(270%);
}
.clothes-sand {
	-webkit-filter: hue-rotate(61deg) saturate(20%) brightness(370%);
	filter: hue-rotate(61deg) saturate(20%) brightness(370%);
}
.clothes-off-white {
	-webkit-filter: hue-rotate(70deg) saturate(1.3%) brightness(360%);
	filter: hue-rotate(70deg) saturate(1.3%) brightness(360%);
}
.clothes-navy {
	-webkit-filter: hue-rotate(250deg) saturate(7%) brightness(77%);
	filter: hue-rotate(250deg) saturate(7%) brightness(77%);
}
.clothes-olive {
	-webkit-filter: hue-rotate(67deg) saturate(24.5%) brightness(137%);
	filter: hue-rotate(67deg) saturate(24.5%) brightness(137%);
}
.clothes-wine {
	-webkit-filter: hue-rotate(351deg) saturate(28%) brightness(90%);
	filter: hue-rotate(351deg) saturate(28%) brightness(90%);
}
.clothes-steel {
	-webkit-filter: saturate(0%) brightness(310%) sepia(10%);
	filter: saturate(0%) brightness(310%) sepia(10%);
}
.clothes-blue-steel {
	-webkit-filter: saturate(0%) brightness(160%) sepia(80%) hue-rotate(180deg);
	filter: saturate(0%) brightness(160%) sepia(80%) hue-rotate(180deg);
}
.clothes-bronze {
	-webkit-filter: hue-rotate(63deg) saturate(60%) brightness(260%);
	filter: hue-rotate(63deg) saturate(60%) brightness(260%);
}
.clothes-gold {
	-webkit-filter: hue-rotate(68deg) saturate(220%) brightness(340%);
	filter: hue-rotate(68deg) saturate(220%) brightness(340%);
}
.clothes-silver {
	-webkit-filter: saturate(0%) brightness(400%);
	filter: saturate(0%) brightness(400%);
}

/* Old Clothing classes, need to be removed once all use of them is replaced, this includes the wetness classes */
.upper-blue .colour-upper, .lower-blue .colour-lower, .under_lower-blue .colour-under_lower, .under_upper-blue .colour-under_upper, .head-blue .colour-head, .face-blue .colour-face, .neck-blue .colour-neck, .hands-blue .colour-hands, .legs-blue .colour-legs, .feet-blue .colour-feet, .upper_acc-blue .colour-upper_acc, .lower_acc-blue .colour-lower_acc, .under_lower_acc-blue .colour-under_lower_acc, .under_upper_acc-blue .colour-under_upper_acc, .head_acc-blue .colour-head_acc, .face_acc-blue .colour-face_acc, .neck_acc-blue .colour-neck_acc, .hands_acc-blue .colour-hands_acc, .legs_acc-blue .colour-legs_acc, .feet_acc-blue .colour-feet_acc , .icon-blue{
	-webkit-filter: hue-rotate(-120deg) saturate(100%) brightness(100%) contrast(100%);
	filter: hue-rotate(-120deg) saturate(100%) brightness(100%) contrast(100%);
}
.upper-light-blue .colour-upper, .lower-light-blue .colour-lower, .under_lower-light-blue .colour-under_lower, .under_upper-light-blue .colour-under_upper, .head-light-blue .colour-head, .face-light-blue .colour-face, .neck-light-blue .colour-neck, .hands-light-blue .colour-hands, .legs-light-blue .colour-legs, .feet-light-blue .colour-feet, .upper_acc-light-blue .colour-upper_acc, .lower_acc-light-blue .colour-lower_acc, .under_lower_acc-light-blue .colour-under_lower_acc, .under_upper_acc-light-blue .colour-under_upper_acc, .head_acc-light-blue .colour-head_acc, .face_acc-light-blue .colour-face_acc, .neck_acc-light-blue .colour-neck_acc, .hands_acc-light-blue .colour-hands_acc, .legs_acc-light-blue .colour-legs_acc, .feet_acc-light-blue .colour-feet_acc , .icon-light-blue{
	-webkit-filter: hue-rotate(210deg) saturate(20%) brightness(260%) contrast(100%);
	filter: hue-rotate(210deg) saturate(20%) brightness(260%) contrast(100%);
}
.upper-white .colour-upper, .lower-white .colour-lower, .under_lower-white .colour-under_lower, .under_upper-white .colour-under_upper, .head-white .colour-head, .face-white .colour-face, .neck-white .colour-neck, .hands-white .colour-hands, .legs-white .colour-legs, .feet-white .colour-feet, .upper_acc-white .colour-upper_acc, .lower_acc-white .colour-lower_acc, .under_lower_acc-white .colour-under_lower_acc, .under_upper_acc-white .colour-under_upper_acc, .head_acc-white .colour-head_acc, .face_acc-white .colour-face_acc, .neck_acc-white .colour-neck_acc, .hands_acc-white .colour-hands_acc, .legs_acc-white .colour-legs_acc, .feet_acc-white .colour-feet_acc, .icon-white,
.upper-pale-white .colour-upper, .lower-pale-white .colour-lower, .under_lower-pale-white .colour-under_lower, .under_upper-pale-white .colour-under_upper, .head-pale-white .colour-head, .face-pale-white .colour-face, .neck-pale-white .colour-neck, .hands-pale-white .colour-hands, .legs-pale-white .colour-legs, .feet-pale-white .colour-feet, .upper_acc-pale-white .colour-upper_acc, .lower_acc-pale-white .colour-lower_acc, .under_lower_acc-pale-white .colour-under_lower_acc, .under_upper_acc-pale-white .colour-under_upper_acc, .head_acc-pale-white .colour-head_acc, .face_acc-pale-white .colour-face_acc, .neck_acc-pale-white .colour-neck_acc, .hands_acc-pale-white .colour-hands_acc, .legs_acc-pale-white .colour-legs_acc, .feet_acc-pale-white .colour-feet_acc, .icon-pale-white{
	-webkit-filter: hue-rotate(0deg) saturate(0%) brightness(440%) contrast(140%);
	filter: hue-rotate(0deg) saturate(0%) brightness(440%) contrast(140%);
}
.upper-red .colour-upper, .lower-red .colour-lower, .under_lower-red .colour-under_lower, .under_upper-red .colour-under_upper, .head-red .colour-head, .face-red .colour-face, .neck-red .colour-neck, .hands-red .colour-hands, .legs-red .colour-legs, .feet-red .colour-feet, .upper_acc-red .colour-upper_acc, .lower_acc-red .colour-lower_acc, .under_lower_acc-red .colour-under_lower_acc, .under_upper_acc-red .colour-under_upper_acc, .head_acc-red .colour-head_acc, .face_acc-red .colour-face_acc, .neck_acc-red .colour-neck_acc, .hands_acc-red .colour-hands_acc, .legs_acc-red .colour-legs_acc, .feet_acc-red .colour-feet_acc, .icon-red{
	-webkit-filter: hue-rotate(0deg) saturate(100%) brightness(100%) contrast(100%);
	filter: hue-rotate(0deg) saturate(100%) brightness(100%) contrast(100%);
}
.upper-green .colour-upper, .lower-green .colour-lower, .under_lower-green .colour-under_lower, .under_upper-green .colour-under_upper, .head-green .colour-head, .face-green .colour-face, .neck-green .colour-neck, .hands-green .colour-hands, .legs-green .colour-legs, .feet-green .colour-feet, .upper_acc-green .colour-upper_acc, .lower_acc-green .colour-lower_acc, .under_lower_acc-green .colour-under_lower_acc, .under_upper_acc-green .colour-under_upper_acc, .head_acc-green .colour-head_acc, .face_acc-green .colour-face_acc, .neck_acc-green .colour-neck_acc, .hands_acc-green .colour-hands_acc, .legs_acc-green .colour-legs_acc, .feet_acc-green .colour-feet_acc, .icon-green{
	-webkit-filter: hue-rotate(120deg) saturate(100%) brightness(150%) contrast(100%);
	filter: hue-rotate(120deg) saturate(100%) brightness(150%) contrast(100%);
}
.upper-light-green .colour-upper, .lower-light-green .colour-lower, .under_lower-light-green .colour-under_lower, .under_upper-light-green .colour-under_upper, .head-light-green .colour-head, .face-light-green .colour-face, .neck-light-green .colour-neck, .hands-light-green .colour-hands, .legs-light-green .colour-legs, .feet-light-green .colour-feet, .upper_acc-light-green .colour-upper_acc, .lower_acc-light-green .colour-lower_acc, .under_lower_acc-light-green .colour-under_lower_acc, .under_upper_acc-light-green .colour-under_upper_acc, .head_acc-light-green .colour-head_acc, .face_acc-light-green .colour-face_acc, .neck_acc-light-green .colour-neck_acc, .hands_acc-light-green .colour-hands_acc, .legs_acc-light-green .colour-legs_acc, .feet_acc-light-green .colour-feet_acc, .icon-light-green{
	-webkit-filter: hue-rotate(90deg) saturate(20%) brightness(260%) contrast(100%);
	filter: hue-rotate(90deg) saturate(20%) brightness(260%) contrast(100%);
}
.upper-black .colour-upper, .lower-black .colour-lower, .under_lower-black .colour-under_lower, .under_upper-black .colour-under_upper, .head-black .colour-head, .face-black .colour-face, .neck-black .colour-neck, .hands-black .colour-hands, .legs-black .colour-legs, .feet-black .colour-feet, .upper_acc-black .colour-upper_acc, .lower_acc-black .colour-lower_acc, .under_lower_acc-black .colour-under_lower_acc, .under_upper_acc-black .colour-under_upper_acc, .head_acc-black .colour-head_acc, .face_acc-black .colour-face_acc, .neck_acc-black .colour-neck_acc, .hands_acc-black .colour-hands_acc, .legs_acc-black .colour-legs_acc, .feet_acc-black .colour-feet_acc, .icon-black{
	-webkit-filter: hue-rotate(0deg) saturate(0%) brightness(110%) contrast(110%);
	filter: hue-rotate(0deg) saturate(0%) brightness(110%) contrast(110%);
}
.upper-pink .colour-upper, .lower-pink .colour-lower, .under_lower-pink .colour-under_lower, .under_upper-pink .colour-under_upper, .head-pink .colour-head, .face-pink .colour-face, .neck-pink .colour-neck, .hands-pink .colour-hands, .legs-pink .colour-legs, .feet-pink .colour-feet, .upper_acc-pink .colour-upper_acc, .lower_acc-pink .colour-lower_acc, .under_lower_acc-pink .colour-under_lower_acc, .under_upper_acc-pink .colour-under_upper_acc, .head_acc-pink .colour-head_acc, .face_acc-pink .colour-face_acc, .neck_acc-pink .colour-neck_acc, .hands_acc-pink .colour-hands_acc, .legs_acc-pink .colour-legs_acc, .feet_acc-pink .colour-feet_acc, .icon-pink{
	-webkit-filter: hue-rotate(-30deg) saturate(50%) contrast(100%) brightness(160%);
	filter: hue-rotate(-30deg) saturate(50%) contrast(100%) brightness(160%);
}
.upper-light-pink .colour-upper, .lower-light-pink .colour-lower, .under_lower-light-pink .colour-under_lower, .under_upper-light-pink .colour-under_upper, .head-light-pink .colour-head, .face-light-pink .colour-face, .neck-light-pink .colour-neck, .hands-light-pink .colour-hands, .legs-light-pink .colour-legs, .feet-light-pink .colour-feet, .upper_acc-light-pink .colour-upper_acc, .lower_acc-light-pink .colour-lower_acc, .under_lower_acc-light-pink .colour-under_lower_acc, .under_upper_acc-light-pink .colour-under_upper_acc, .head_acc-light-pink .colour-head_acc, .face_acc-light-pink .colour-face_acc, .neck_acc-light-pink .colour-neck_acc, .hands_acc-light-pink .colour-hands_acc, .legs_acc-light-pink .colour-legs_acc, .feet_acc-light-pink .colour-feet_acc, .icon-light-pink{
	-webkit-filter: hue-rotate(-40deg) saturate(20%) brightness(260%) contrast(100%);
	filter: hue-rotate(-40deg) saturate(20%) brightness(260%) contrast(100%);
}
.upper-purple .colour-upper, .lower-purple .colour-lower, .under_lower-purple .colour-under_lower, .under_upper-purple .colour-under_upper, .head-purple .colour-head, .face-purple .colour-face, .neck-purple .colour-neck, .hands-purple .colour-hands, .legs-purple .colour-legs, .feet-purple .colour-feet, .upper_acc-purple .colour-upper_acc, .lower_acc-purple .colour-lower_acc, .under_lower_acc-purple .colour-under_lower_acc, .under_upper_acc-purple .colour-under_upper_acc, .head_acc-purple .colour-head_acc, .face_acc-purple .colour-face_acc, .neck_acc-purple .colour-neck_acc, .hands_acc-purple .colour-hands_acc, .legs_acc-purple .colour-legs_acc, .feet_acc-purple .colour-feet_acc, .icon-purple {
	-webkit-filter: hue-rotate(-80deg) saturate(100%) brightness(100%) contrast(100%);
	filter: hue-rotate(-80deg) saturate(100%) brightness(100%) contrast(100%);
}
.upper-tangerine .colour-upper, .lower-tangerine .colour-lower, .under_lower-tangerine .colour-under_lower, .under_upper-tangerine .colour-under_upper, .head-tangerine .colour-head, .face-tangerine .colour-face, .neck-tangerine .colour-neck, .hands-tangerine .colour-hands, .legs-tangerine .colour-legs, .feet-tangerine .colour-feet, .upper_acc-tangerine .colour-upper_acc, .lower_acc-tangerine .colour-lower_acc, .under_lower_acc-tangerine .colour-under_lower_acc, .under_upper_acc-tangerine .colour-under_upper_acc, .head_acc-tangerine .colour-head_acc, .face_acc-tangerine .colour-face_acc, .neck_acc-tangerine .colour-neck_acc, .hands_acc-tangerine .colour-hands_acc, .legs_acc-tangerine .colour-legs_acc, .feet_acc-tangerine .colour-feet_acc, .icon-tangerine,
.upper-pale-tangerine .colour-upper, .lower-pale-tangerine .colour-lower, .under_lower-pale-tangerine .colour-under_lower, .under_upper-pale-tangerine .colour-under_upper, .head-pale-tangerine .colour-head, .face-pale-tangerine .colour-face, .neck-pale-tangerine .colour-neck, .hands-pale-tangerine .colour-hands, .legs-pale-tangerine .colour-legs, .feet-pale-tangerine .colour-feet, .upper_acc-pale-tangerine .colour-upper_acc, .lower_acc-pale-tangerine .colour-lower_acc, .under_lower_acc-pale-tangerine .colour-under_lower_acc, .under_upper_acc-pale-tangerine .colour-under_upper_acc, .head_acc-pale-tangerine .colour-head_acc, .face_acc-pale-tangerine .colour-face_acc, .neck_acc-pale-tangerine .colour-neck_acc, .hands_acc-pale-tangerine .colour-hands_acc, .legs_acc-pale-tangerine .colour-legs_acc, .feet_acc-pale-tangerine .colour-feet_acc, .icon-pale-tangerine {
	-webkit-filter: hue-rotate(60deg) saturate(150%) brightness(200%) contrast(100%);
	filter: hue-rotate(60deg) saturate(150%) brightness(200%) contrast(100%);
}
.upper-teal .colour-upper, .lower-teal .colour-lower, .under_lower-teal .colour-under_lower, .under_upper-teal .colour-under_upper, .head-teal .colour-head, .face-teal .colour-face, .neck-teal .colour-neck, .hands-teal .colour-hands, .legs-teal .colour-legs, .feet-teal .colour-feet, .upper_acc-teal .colour-upper_acc, .lower_acc-teal .colour-lower_acc, .under_lower_acc-teal .colour-under_lower_acc, .under_upper_acc-teal .colour-under_upper_acc, .head_acc-teal .colour-head_acc, .face_acc-teal .colour-face_acc, .neck_acc-teal .colour-neck_acc, .hands_acc-teal .colour-hands_acc, .legs_acc-teal .colour-legs_acc, .feet_acc-teal .colour-feet_acc, .icon-teal {
	-webkit-filter: hue-rotate(-180deg) saturate(75%) brightness(200%) contrast(100%);
	filter: hue-rotate(-180deg) saturate(75%) brightness(200%) contrast(100%);
}
.upper-yellow .colour-upper, .lower-yellow .colour-lower, .under_lower-yellow .colour-under_lower, .under_upper-yellow .colour-under_upper, .head-yellow .colour-head, .face-yellow .colour-face, .neck-yellow .colour-neck, .hands-yellow .colour-hands, .legs-yellow .colour-legs, .feet-yellow .colour-feet, .upper_acc-yellow .colour-upper_acc, .lower_acc-yellow .colour-lower_acc, .under_lower_acc-yellow .colour-under_lower_acc, .under_upper_acc-yellow .colour-under_upper_acc, .head_acc-yellow .colour-head_acc, .face_acc-yellow .colour-face_acc, .neck_acc-yellow .colour-neck_acc, .hands_acc-yellow .colour-hands_acc, .legs_acc-yellow .colour-legs_acc, .feet_acc-yellow .colour-feet_acc, .icon-yellow,
.upper-pale-yellow .colour-upper, .lower-pale-yellow .colour-lower, .under_lower-pale-yellow .colour-under_lower, .under_upper-pale-yellow .colour-under_upper, .head-pale-yellow .colour-head, .face-pale-yellow .colour-face, .neck-pale-yellow .colour-neck, .hands-pale-yellow .colour-hands, .legs-pale-yellow .colour-legs, .feet-pale-yellow .colour-feet, .upper_acc-pale-yellow .colour-upper_acc, .lower_acc-pale-yellow .colour-lower_acc, .under_lower_acc-pale-yellow .colour-under_lower_acc, .under_upper_acc-pale-yellow .colour-under_upper_acc, .head_acc-pale-yellow .colour-head_acc, .face_acc-pale-yellow .colour-face_acc, .neck_acc-pale-yellow .colour-neck_acc, .hands_acc-pale-yellow .colour-hands_acc, .legs_acc-pale-yellow .colour-legs_acc, .feet_acc-pale-yellow .colour-feet_acc, .icon-pale-yellow {
	-webkit-filter: hue-rotate(65deg) saturate(100%) brightness(290%) contrast(300%) sepia(0.55);
	filter: hue-rotate(65deg) saturate(100%) brightness(290%) contrast(300%) sepia(0.55);
}
.upper-brown .colour-upper, .lower-brown .colour-lower, .under_lower-brown .colour-under_lower, .under_upper-brown .colour-under_upper, .head-brown .colour-head, .face-brown .colour-face, .neck-brown .colour-neck, .hands-brown .colour-hands, .legs-brown .colour-legs, .feet-brown .colour-feet, .upper_acc-brown .colour-upper_acc, .lower_acc-brown .colour-lower_acc, .under_lower_acc-brown .colour-under_lower_acc, .under_upper_acc-brown .colour-under_upper_acc, .head_acc-brown .colour-head_acc, .face_acc-brown .colour-face_acc, .neck_acc-brown .colour-neck_acc, .hands_acc-brown .colour-hands_acc, .legs_acc-brown .colour-legs_acc, .feet_acc-brown .colour-feet_acc, .icon-brown {
	-webkit-filter: hue-rotate(55deg) saturate(100%) brightness(90%) contrast(100%);
	filter: hue-rotate(55deg) saturate(100%) brightness(90%) contrast(100%);
}

/*
*	ATTENTION: The following colours are not their actually recognised HSB value, as browsers are special little cunts that don't conform to standards
*	Instead, I had to create these colours laboriously by hand, and they are as close as I could seemingly get to the real deal
*	I have no idea how to actually replicate any of these colours properly without resorting to a pact with Satan
*	Fuck browsers
*/

.upper-tan .colour-upper, .lower-tan .colour-lower, .under_lower-tan .colour-under_lower, .under_upper-tan .colour-under_upper, .head-tan .colour-head, .face-tan .colour-face, .neck-tan .colour-neck, .legs-tan .colour-legs, .feet-tan .colour-feet, .upper_acc-tan .colour-upper_acc, .lower_acc-tan .colour-lower_acc, .under_lower_acc-tan .colour-under_lower_acc, .under_upper_acc-tan .colour-under_upper_acc, .head_acc-tan .colour-head_acc, .face_acc-tan .colour-face_acc, .neck_acc-tan .colour-neck_acc, .legs_acc-tan .colour-legs_acc, .feet_acc-tan .colour-feet_acc, .icon-tan {
	-webkit-filter: hue-rotate(60.3deg) saturate(17.5%) brightness(270%);
	filter: hue-rotate(60.3deg) saturate(17.5%) brightness(270%);
}
.upper-grey .colour-upper, .lower-grey .colour-lower, .under_lower-grey .colour-under_lower, .under_upper-grey .colour-under_upper, .head-grey .colour-head, .face-grey .colour-face, .neck-grey .colour-neck, .legs-grey .colour-legs, .feet-grey .colour-feet, .upper_acc-grey .colour-upper_acc, .lower_acc-grey .colour-lower_acc, .under_lower_acc-grey .colour-under_lower_acc, .under_upper_acc-grey .colour-under_upper_acc, .head_acc-grey .colour-head_acc, .face_acc-grey .colour-face_acc, .neck_acc-grey .colour-neck_acc, .legs_acc-grey .colour-legs_acc, .feet_acc-grey .colour-feet_acc, .icon-grey {
	-webkit-filter: hue-rotate(58.8deg) saturate(5%) brightness(270%);
	filter: hue-rotate(58.8deg) saturate(5%) brightness(270%);
}
.upper-sand .colour-upper, .lower-sand .colour-lower, .under_lower-sand .colour-under_lower, .under_upper-sand .colour-under_upper, .head-sand .colour-head, .face-sand .colour-face, .neck-sand .colour-neck, .legs-sand .colour-legs, .feet-sand .colour-feet, .upper_acc-sand .colour-upper_acc, .lower_acc-sand .colour-lower_acc, .under_lower_acc-sand .colour-under_lower_acc, .under_upper_acc-sand .colour-under_upper_acc, .head_acc-sand .colour-head_acc, .face_acc-sand .colour-face_acc, .neck_acc-sand .colour-neck_acc, .legs_acc-sand .colour-legs_acc, .feet_acc-sand .colour-feet_acc, .icon-sand {
	-webkit-filter: hue-rotate(61deg) saturate(20%) brightness(370%);
	filter: hue-rotate(61deg) saturate(20%) brightness(370%);
}
.upper-off-white .colour-upper, .lower-off-white .colour-lower, .under_lower-off-white .colour-under_lower, .under_upper-off-white .colour-under_upper, .head-off-white .colour-head, .face-off-white .colour-face, .neck-off-white .colour-neck, .legs-off-white .colour-legs, .feet-off-white .colour-feet, .upper_acc-off-white .colour-upper_acc, .lower_acc-off-white .colour-lower_acc, .under_lower_acc-off-white .colour-under_lower_acc, .under_upper_acc-off-white .colour-under_upper_acc, .head_acc-off-white .colour-head_acc, .face_acc-off-white .colour-face_acc, .neck_acc-off-white .colour-neck_acc, .legs_acc-off-white .colour-legs_acc, .feet_acc-off-white .colour-feet_acc, .icon-off-white {
	-webkit-filter: hue-rotate(70deg) saturate(1.3%) brightness(360%);
	filter: hue-rotate(70deg) saturate(1.3%) brightness(360%);
}
.upper-navy .colour-upper, .lower-navy .colour-lower, .under_lower-navy .colour-under_lower, .under_upper-navy .colour-under_upper, .head-navy .colour-head, .face-navy .colour-face, .neck-navy .colour-neck, .legs-navy .colour-legs, .feet-navy .colour-feet, .upper_acc-navy .colour-upper_acc, .lower_acc-navy .colour-lower_acc, .under_lower_acc-navy .colour-under_lower_acc, .under_upper_acc-navy .colour-under_upper_acc, .head_acc-navy .colour-head_acc, .face_acc-navy .colour-face_acc, .neck_acc-navy .colour-neck_acc, .legs_acc-navy .colour-legs_acc, .feet_acc-navy .colour-feet_acc, .icon-navy {
	-webkit-filter: hue-rotate(250deg) saturate(7%) brightness(77%);
	filter: hue-rotate(250deg) saturate(7%) brightness(77%);
}
.upper-olive .colour-upper, .lower-olive .colour-lower, .under_lower-olive .colour-under_lower, .under_upper-olive .colour-under_upper, .head-olive .colour-head, .face-olive .colour-face, .neck-olive .colour-neck, .legs-olive .colour-legs, .feet-olive .colour-feet, .upper_acc-olive .colour-upper_acc, .lower_acc-olive .colour-lower_acc, .under_lower_acc-olive .colour-under_lower_acc, .under_upper_acc-olive .colour-under_upper_acc, .head_acc-olive .colour-head_acc, .face_acc-olive .colour-face_acc, .neck_acc-olive .colour-neck_acc, .legs_acc-olive .colour-legs_acc, .feet_acc-olive .colour-feet_acc, .icon-olive {
	-webkit-filter: hue-rotate(67deg) saturate(24.5%) brightness(137%);
	filter: hue-rotate(67deg) saturate(24.5%) brightness(137%);
}
.upper-wine .colour-upper, .lower-wine .colour-lower, .under_lower-wine .colour-under_lower, .under_upper-wine .colour-under_upper, .head-wine .colour-head, .face-wine .colour-face, .neck-wine .colour-neck, .legs-wine .colour-legs, .feet-wine .colour-feet, .upper_acc-wine .colour-upper_acc, .lower_acc-wine .colour-lower_acc, .under_lower_acc-wine .colour-under_lower_acc, .under_upper_acc-wine .colour-under_upper_acc, .head_acc-wine .colour-head_acc, .face_acc-wine .colour-face_acc, .neck_acc-wine .colour-neck_acc, .legs_acc-wine .colour-legs_acc, .feet_acc-wine .colour-feet_acc, .icon-wine {
	-webkit-filter: hue-rotate(351deg) saturate(28%) brightness(90%);
	filter: hue-rotate(351deg) saturate(28%) brightness(90%);
}

/* wet clothes */
.upper-wetblue .colour-upper, .lower-wetblue .colour-lower, .under_lower-wetblue .colour-under_lower, .under_upper-wetblue .colour-under_upper {
	-webkit-filter: hue-rotate(-120deg) saturate(0.5) brightness(90%) contrast(100%) opacity(0.5);
	filter: hue-rotate(-120deg) saturate(0.5) brightness(90%) contrast(100%) opacity(0.5);
}
.upper-wetlight-blue .colour-upper, .lower-wetlight-blue .colour-lower, .under_lower-wetlight-blue .colour-under_lower, .under_upper-wetlight-blue .colour-under_upper, .head-wetlight-blue .colour-head, .face-wetlight-blue .colour-face, .neck-wetlight-blue .colour-neck, .hands-wetlight-blue .colour-hands, .legs-wetlight-blue .colour-legs, .feet-wetlight-blue .colour-feet, .upper_acc-wetlight-blue .colour-upper_acc, .lower_acc-wetlight-blue .colour-lower_acc, .under_lower_acc-wetlight-blue .colour-under_lower_acc, .under_upper_acc-wetlight-blue .colour-under_upper_acc, .head_acc-wetlight-blue .colour-head_acc, .face_acc-wetlight-blue .colour-face_acc, .neck_acc-wetlight-blue .colour-neck_acc, .hands_acc-wetlight-blue .colour-hands_acc, .legs_acc-wetlight-blue .colour-legs_acc, .feet_acc-wetlight-blue .colour-feet_acc , .icon-wetlight-blue{
	-webkit-filter: hue-rotate(210deg) saturate(20%) brightness(260%) contrast(100%) opacity(0.5);
	filter: hue-rotate(210deg) saturate(20%) brightness(260%) contrast(100%) opacity(0.5);
}
.upper-wetwhite .colour-upper, .lower-wetwhite .colour-lower, .under_lower-wetwhite .colour-under_lower, .under_upper-wetwhite .colour-under_upper,
.upper-wetpale-white .colour-upper, .lower-wetpale-white .colour-lower, .under_lower-wetpale-white .colour-under_lower, .under_upper-wetpale-white .colour-under_upper {
	-webkit-filter: hue-rotate(0deg) saturate(0%) brightness(430%) contrast(140%) opacity(0.5);
	filter: hue-rotate(0deg) saturate(0%) brightness(430%) contrast(140%) opacity(0.5);
}
.upper-wetred .colour-upper, .lower-wetred .colour-lower, .under_lower-wetred .colour-under_lower, .under_upper-wetred .colour-under_upper {
	-webkit-filter: hue-rotate(0deg) saturate(0.5) brightness(90%) contrast(100%) opacity(0.5);
	filter: hue-rotate(0deg) saturate(0.5) brightness(90%) contrast(100%) opacity(0.5);
}
.upper-wetgreen .colour-upper, .lower-wetgreen .colour-lower, .under_lower-wetgreen .colour-under_lower, .under_upper-wetgreen .colour-under_upper {
	-webkit-filter: hue-rotate(120deg) saturate(0.5) brightness(140%) contrast(100%) opacity(0.5);
	filter: hue-rotate(120deg) saturate(0.5) brightness(140%) contrast(100%) opacity(0.5);
}
.upper-wetlight-green .colour-upper, .lower-wetlight-green .colour-lower, .under_lower-wetlight-green .colour-under_lower, .under_upper-wetlight-green .colour-under_upper, .head-wetlight-green .colour-head, .face-wetlight-green .colour-face, .neck-wetlight-green .colour-neck, .hands-wetlight-green .colour-hands, .legs-wetlight-green .colour-legs, .feet-wetlight-green .colour-feet, .upper_acc-wetlight-green .colour-upper_acc, .lower_acc-wetlight-green .colour-lower_acc, .under_lower_acc-wetlight-green .colour-under_lower_acc, .under_upper_acc-wetlight-green .colour-under_upper_acc, .head_acc-wetlight-green .colour-head_acc, .face_acc-wetlight-green .colour-face_acc, .neck_acc-wetlight-green .colour-neck_acc, .hands_acc-wetlight-green .colour-hands_acc, .legs_acc-wetlight-green .colour-legs_acc, .feet_acc-wetlight-green .colour-feet_acc, .icon-wetlight-green{
	-webkit-filter: hue-rotate(90deg) saturate(20%) brightness(260%) contrast(100%) opacity(0.5);
	filter: hue-rotate(90deg) saturate(20%) brightness(260%) contrast(100%) opacity(0.5);
}
.upper-wetblack .colour-upper, .lower-wetblack .colour-lower, .under_lower-wetblack .colour-under_lower, .under_upper-wetblack .colour-under_upper {
	-webkit-filter: hue-rotate(0deg) saturate(0%) brightness(90%) contrast(110%) opacity(0.5);
	filter: hue-rotate(0deg) saturate(0%) brightness(90%) contrast(110%) opacity(0.5);
}
.upper-wetpink .colour-upper, .lower-wetpink .colour-lower, .under_lower-wetpink .colour-under_lower, .under_upper-wetpink .colour-under_upper {
	-webkit-filter: hue-rotate(-30deg) saturate(25%) contrast(100%) brightness(150%) opacity(0.5);
	filter: hue-rotate(-30deg) saturate(25%) contrast(100%) brightness(150%) opacity(0.5);
}
.upper-wetlight-pink .colour-upper, .lower-wetlight-pink .colour-lower, .under_lower-wetlight-pink .colour-under_lower, .under_upper-wetlight-pink .colour-under_upper, .head-wetlight-pink .colour-head, .face-wetlight-pink .colour-face, .neck-wetlight-pink .colour-neck, .hands-wetlight-pink .colour-hands, .legs-wetlight-pink .colour-legs, .feet-wetlight-pink .colour-feet, .upper_acc-wetlight-pink .colour-upper_acc, .lower_acc-wetlight-pink .colour-lower_acc, .under_lower_acc-wetlight-pink .colour-under_lower_acc, .under_upper_acc-wetlight-pink .colour-under_upper_acc, .head_acc-wetlight-pink .colour-head_acc, .face_acc-wetlight-pink .colour-face_acc, .neck_acc-wetlight-pink .colour-neck_acc, .hands_acc-wetlight-pink .colour-hands_acc, .legs_acc-wetlight-pink .colour-legs_acc, .feet_acc-wetlight-pink .colour-feet_acc, .icon-wetlight-pink{
	-webkit-filter: hue-rotate(-40deg) saturate(20%) brightness(260%) contrast(100%) opacity(0.5);
	filter: hue-rotate(-40deg) saturate(20%) brightness(260%) contrast(100%) opacity(0.5);
}
.upper-wetpurple .colour-upper, .lower-wetpurple .colour-lower, .under_lower-wetpurple .colour-under_lower, .under_upper-wetpurple .colour-under_upper {
	-webkit-filter: hue-rotate(-90deg) saturate(0.5) brightness(90%) contrast(100%) opacity(0.5);
	filter: hue-rotate(-90deg) saturate(0.5) brightness(90%) contrast(100%) opacity(0.5);
}
.upper-wettangerine .colour-upper, .lower-wettangerine .colour-lower, .under_lower-wettangerine .colour-under_lower, .under_upper-wettangerine .colour-under_upper,
.upper-wetpale-tangerine .colour-upper, .lower-wetpale-tangerine .colour-lower, .under_lower-wetpale-tangerine .colour-under_lower, .under_upper-wetpale-tangerine .colour-under_upper {
	-webkit-filter: hue-rotate(60deg) saturate(0.75) brightness(190%) contrast(100%) opacity(0.5);
	filter: hue-rotate(60deg) saturate(0.75) brightness(190%) contrast(100%) opacity(0.5);
}
.upper-wetteal .colour-upper, .lower-wetteal .colour-lower, .under_lower-wetteal .colour-under_lower, .under_upper-wetteal .colour-under_upper {
	-webkit-filter: hue-rotate(-180deg) saturate(50%) brightness(150%) contrast(100%) opacity(0.5);
	filter: hue-rotate(-180deg) saturate(50%) brightness(150%) contrast(100%) opacity(0.5);
}
.upper-wetyellow .colour-upper, .lower-wetyellow .colour-lower, .under_lower-wetyellow .colour-under_lower, .under_upper-wetyellow .colour-under_upper,
.upper-wetpale-yellow .colour-upper, .lower-wetpale-yellow .colour-lower, .under_lower-wetpale-yellow .colour-under_lower, .under_upper-wetpale-yellow .colour-under_upper {
	-webkit-filter: hue-rotate(65deg) saturate(0.5) brightness(280%) contrast(300%) sepia(0.55) opacity(0.5);
	filter: hue-rotate(65deg) saturate(0.5) brightness(280%) contrast(300%) sepia(0.55) opacity(0.5);
}
.upper-wetbrown .colour-upper, .lower-wetbrown .colour-lower, .under_lower-wetbrown .colour-under_lower, .under_upper-wetbrown .colour-under_upper {
	-webkit-filter: hue-rotate(60deg) saturate(150%) brightness(200%) contrast(100%) opacity(0.5);
	filter: hue-rotate(60deg) saturate(150%) brightness(200%) contrast(100%) opacity(0.5);
}
.upper-wet .colour-upper, .lower-wet .colour-lower, .under_lower-wet .colour-under_lower, .under_upper-wet .colour-under_upper {
	-webkit-filter: opacity(0.5);
	filter: opacity(0.5);
}
.upper-wettan .colour-upper, .lower-wettan .colour-lower, .under_lower-wettan .colour-under_lower, .under_upper-wettan .colour-under_upper, .head-wettan .colour-head, .face-wettan .colour-face, .neck-wettan .colour-neck, .legs-wettan .colour-legs, .feet-wettan .colour-feet, .upper_acc-wettan .colour-upper_acc, .lower_acc-wettan .colour-lower_acc, .under_lower_acc-wettan .colour-under_lower_acc, .under_upper_acc-wettan .colour-under_upper_acc, .head_acc-wettan .colour-head_acc, .face_acc-wettan .colour-face_acc, .neck_acc-wettan .colour-neck_acc, .legs_acc-wettan .colour-legs_acc, .feet_acc-wettan .colour-feet_acc, .icon-wettan {
	-webkit-filter: hue-rotate(60.3deg) saturate(17.5%) brightness(270%) opacity(0.5);
	filter: hue-rotate(60.3deg) saturate(17.5%) brightness(270%) opacity(0.5);
}
.upper-wetgrey .colour-upper, .lower-wetgrey .colour-lower, .under_lower-wetgrey .colour-under_lower, .under_upper-wetgrey .colour-under_upper, .head-wetgrey .colour-head, .face-wetgrey .colour-face, .neck-wetgrey .colour-neck, .legs-wetgrey .colour-legs, .feet-wetgrey .colour-feet, .upper_acc-wetgrey .colour-upper_acc, .lower_acc-wetgrey .colour-lower_acc, .under_lower_acc-wetgrey .colour-under_lower_acc, .under_upper_acc-wetgrey .colour-under_upper_acc, .head_acc-wetgrey .colour-head_acc, .face_acc-wetgrey .colour-face_acc, .neck_acc-wetgrey .colour-neck_acc, .legs_acc-wetgrey .colour-legs_acc, .feet_acc-wetgrey .colour-feet_acc, .icon-wetgrey {
	-webkit-filter: hue-rotate(58.8deg) saturate(5%) brightness(270%) opacity(0.5);
	filter: hue-rotate(58.8deg) saturate(5%) brightness(270%) opacity(0.5);
}
.upper-wetsand .colour-upper, .lower-wetsand .colour-lower, .under_lower-wetsand .colour-under_lower, .under_upper-wetsand .colour-under_upper, .head-wetsand .colour-head, .face-wetsand .colour-face, .neck-wetsand .colour-neck, .legs-wetsand .colour-legs, .feet-wetsand .colour-feet, .upper_acc-wetsand .colour-upper_acc, .lower_acc-wetsand .colour-lower_acc, .under_lower_acc-wetsand .colour-under_lower_acc, .under_upper_acc-wetsand .colour-under_upper_acc, .head_acc-wetsand .colour-head_acc, .face_acc-wetsand .colour-face_acc, .neck_acc-wetsand .colour-neck_acc, .legs_acc-wetsand .colour-legs_acc, .feet_acc-wetsand .colour-feet_acc, .icon-wetsand {
	-webkit-filter: hue-rotate(61deg) saturate(20%) brightness(370%) opacity(0.5);
	filter: hue-rotate(61deg) saturate(20%) brightness(370%) opacity(0.5);
}
.upper-wetoff-white .colour-upper, .lower-wetoff-white .colour-lower, .under_lower-wetoff-white .colour-under_lower, .under_upper-wetoff-white .colour-under_upper, .head-wetoff-white .colour-head, .face-wetoff-white .colour-face, .neck-wetoff-white .colour-neck, .legs-wetoff-white .colour-legs, .feet-wetoff-white .colour-feet, .upper_acc-wetoff-white .colour-upper_acc, .lower_acc-wetoff-white .colour-lower_acc, .under_lower_acc-wetoff-white .colour-under_lower_acc, .under_upper_acc-wetoff-white .colour-under_upper_acc, .head_acc-wetoff-white .colour-head_acc, .face_acc-wetoff-white .colour-face_acc, .neck_acc-wetoff-white .colour-neck_acc, .legs_acc-wetoff-white .colour-legs_acc, .feet_acc-wetoff-white .colour-feet_acc, .icon-wetoff-white {
	-webkit-filter: hue-rotate(70deg) saturate(1.3%) brightness(360%) opacity(0.5);
	filter: hue-rotate(70deg) saturate(1.3%) brightness(360%) opacity(0.5);
}
.upper-wetnavy .colour-upper, .lower-wetnavy .colour-lower, .under_lower-wetnavy .colour-under_lower, .under_upper-wetnavy .colour-under_upper, .head-wetnavy .colour-head, .face-wetnavy .colour-face, .neck-wetnavy .colour-neck, .legs-wetnavy .colour-legs, .feet-wetnavy .colour-feet, .upper_acc-wetnavy .colour-upper_acc, .lower_acc-wetnavy .colour-lower_acc, .under_lower_acc-wetnavy .colour-under_lower_acc, .under_upper_acc-wetnavy .colour-under_upper_acc, .head_acc-wetnavy .colour-head_acc, .face_acc-wetnavy .colour-face_acc, .neck_acc-wetnavy .colour-neck_acc, .legs_acc-wetnavy .colour-legs_acc, .feet_acc-wetnavy .colour-feet_acc, .icon-wetnavy {
	-webkit-filter: hue-rotate(250deg) saturate(7%) brightness(77%) opacity(0.5);
	filter: hue-rotate(250deg) saturate(7%) brightness(77%) opacity(0.5);
}
.upper-wetolive .colour-upper, .lower-wetolive .colour-lower, .under_lower-wetolive .colour-under_lower, .under_upper-wetolive .colour-under_upper, .head-wetolive .colour-head, .face-wetolive .colour-face, .neck-wetolive .colour-neck, .legs-wetolive .colour-legs, .feet-wetolive .colour-feet, .upper_acc-wetolive .colour-upper_acc, .lower_acc-wetolive .colour-lower_acc, .under_lower_acc-wetolive .colour-under_lower_acc, .under_upper_acc-wetolive .colour-under_upper_acc, .head_acc-wetolive .colour-head_acc, .face_acc-wetolive .colour-face_acc, .neck_acc-wetolive .colour-neck_acc, .legs_acc-wetolive .colour-legs_acc, .feet_acc-wetolive .colour-feet_acc, .icon-wetolive {
	-webkit-filter: hue-rotate(67deg) saturate(24.5%) brightness(137%) opacity(0.5);
	filter: hue-rotate(67deg) saturate(24.5%) brightness(137%) opacity(0.5);
}
.upper-wetwine .colour-upper, .lower-wetwine .colour-lower, .under_lower-wetwine .colour-under_lower, .under_upper-wetwine .colour-under_upper, .head-wetwine .colour-head, .face-wetwine .colour-face, .neck-wetwine .colour-neck, .legs-wetwine .colour-legs, .feet-wetwine .colour-feet, .upper_acc-wetwine .colour-upper_acc, .lower_acc-wetwine .colour-lower_acc, .under_lower_acc-wetwine .colour-under_lower_acc, .under_upper_acc-wetwine .colour-under_upper_acc, .head_acc-wetwine .colour-head_acc, .face_acc-wetwine .colour-face_acc, .neck_acc-wetwine .colour-neck_acc, .legs_acc-wetwine .colour-legs_acc, .feet_acc-wetwine .colour-feet_acc, .icon-wetwine {
	-webkit-filter: hue-rotate(351deg) saturate(28%) brightness(90%) opacity(0.5);
	filter: hue-rotate(351deg) saturate(28%) brightness(90%) opacity(0.5);
}

/* Makeup colours */
.lipstick-red {
	-webkit-filter: hue-rotate(0deg);
	filter: hue-rotate(0deg);
}
.lipstick-blue {
	-webkit-filter: hue-rotate(240deg);
	filter: hue-rotate(240deg);
}
.lipstick-green {
	-webkit-filter: hue-rotate(140deg);
	filter: hue-rotate(140deg);
}
.lipstick-purple {
	-webkit-filter: hue-rotate(270deg);
	filter: hue-rotate(270deg);
}
.lipstick-orange {
	-webkit-filter: hue-rotate(60deg) brightness(2.5);
	filter: hue-rotate(60deg) brightness(2.5);
}
.lipstick-lime {
	-webkit-filter: hue-rotate(75deg) saturate(1.5) brightness(2.5);
	filter: hue-rotate(75deg) saturate(1.5) brightness(2.5);
}
.lipstick-pink {
	-webkit-filter: hue-rotate(270deg) brightness(2.5);
	filter: hue-rotate(270deg) brightness(2.5);
}
.lipstick-light-pink {
	-webkit-filter: hue-rotate(270deg) brightness(7.5);
	filter: hue-rotate(270deg) brightness(7.5);
}
.lipstick-dark-red {
	-webkit-filter: hue-rotate(0deg) brightness(0.8);
	filter: hue-rotate(0deg) brightness(0.8);
}
.lipstick-black {
	-webkit-filter: hue-rotate(0deg) brightness(0) contrast(0.8);
	filter: hue-rotate(0deg) brightness(0) contrast(0.8);
}

.eyeshadow-red {
	-webkit-filter: hue-rotate(0deg) brightness(2) contrast(0.6);
	filter: hue-rotate(0deg) brightness(2) contrast(0.6);
}
.eyeshadow-pink {
	-webkit-filter: hue-rotate(-40deg) brightness(3) contrast(0.5);
	filter: hue-rotate(-40deg) brightness(3) contrast(0.5);
}
.eyeshadow-light-pink {
	-webkit-filter: hue-rotate(280deg) brightness(15);
	filter: hue-rotate(280deg) brightness(15);
}
.eyeshadow-green {
	-webkit-filter: hue-rotate(90deg) brightness(2) contrast(0.5);
	filter: hue-rotate(90deg) brightness(2) contrast(0.5);
}
.eyeshadow-light-green {
	-webkit-filter: hue-rotate(150deg) brightness(4) saturate(0.8) contrast(0.5);
	filter: hue-rotate(150deg) brightness(4) saturate(0.8) contrast(0.5);
}
.eyeshadow-blue {
	-webkit-filter: hue-rotate(245deg) brightness(2) contrast(0.7);
	filter: hue-rotate(245deg) brightness(2) contrast(0.7);
}
.eyeshadow-light-blue {
	-webkit-filter: hue-rotate(245deg) brightness(4) saturate(0.8) contrast(0.5);
	filter: hue-rotate(245deg) brightness(4) saturate(0.8) contrast(0.5);
}
.eyeshadow-purple {
	-webkit-filter: hue-rotate(262deg) brightness(2) contrast(0.6);
	filter: hue-rotate(262deg) brightness(2) contrast(0.6);
}
.eyeshadow-orange {
	-webkit-filter: hue-rotate(45deg) brightness(2.2) saturate(0.8);
	filter: hue-rotate(45deg) brightness(2.2) saturate(0.8);
}
.eyeshadow-yellow {
	-webkit-filter: hue-rotate(69deg) brightness(4) saturate(1) contrast(0.7);
	filter: hue-rotate(69deg) brightness(4) saturate(1) contrast(0.7);
}
.eyeshadow-brown {
	-webkit-filter: hue-rotate(45deg) brightness(1) saturate(1) contrast(0.6);
	filter: hue-rotate(45deg) brightness(1) saturate(1) contrast(0.6);
}
.eyeshadow-light-brown {
	-webkit-filter: hue-rotate(40deg) brightness(4) saturate(0.7) contrast(0.5);
	filter: hue-rotate(40deg) brightness(4) saturate(0.7) contrast(0.5);
}
.eyeshadow-dark-brown {
	-webkit-filter: hue-rotate(40deg) brightness(0.5) saturate(0.8) contrast(0.6);
	filter: hue-rotate(40deg) brightness(0.5) saturate(0.8) contrast(0.6);
}
.eyeshadow-black,
.mascara-black {
	-webkit-filter: hue-rotate(0deg) brightness(0.1) saturate(0) contrast(0.7);
	filter: hue-rotate(0deg) brightness(0.1) saturate(0) contrast(0.7);
}
.eyeshadow-white {
	-webkit-filter: hue-rotate(250deg) brightness(8) saturate(0) contrast(1);
	filter: hue-rotate(250deg) brightness(8) saturate(0) contrast(1);
}
.eyeshadow-silver {
	-webkit-filter: hue-rotate(0deg) saturate(0) brightness(2.4);
	filter: hue-rotate(0deg) saturate(0) brightness(2.4);
}

/*
 * Animation-related classes. Work-in-progress
 * Expected document structure:
 * <div class="i256" -- should have the image size-related class
 *					(or have fixed size & overflow: hidden any other way)
 *	<img class="anim-2s anim-2f" -- should have
 *		1) duration-related class like "anim-2s" (2 seconds)
 *		2) frame count-related class like "anim-2f" (2 frames)
 *		OR
 *	<img class="anim-doggy-4f-vfast"
 *		-- should have frame count & speed class
 *			like "anim-doggy-4f-vfast" (4 frames, very fast)
 */
.i256 {
	width: 256px;
	height: 256px;
	overflow: hidden;
}
.i128 {
	width: 128px;
	height: 128px;
	overflow: hidden;
}
.i64 {
	width: 64px;
	height: 64px;
	overflow: hidden;
}
.i256 > *, .i128 > *, .i64 > * {
	position: absolute;
}
.anim-1s, .anim-2s {
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-name: anim-default;
	animation-iteration-count: infinite;
	animation-name: anim-default;
}

canvas {
	max-width: unset; /* fix sugarcube default css */
}

/* joint duration & frame-count classes */

/* generic idle animation, -slow(default)/-mid/-fast */
.anim-idle-1f, .anim-idle-1f-slow { }
.anim-idle-2f, .anim-idle-2f-slow {
	-webkit-animation-duration: 2s; /* 1s x 2 */
	-webkit-animation-timing-function: steps(2);
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-name: anim-default;
	animation-duration: 2s; /* 1s x 2 */
	animation-timing-function: steps(2);
	animation-iteration-count: infinite;
	animation-name: anim-default;
}
.anim-idle-3f, .anim-idle-3f-slow {
	-webkit-animation-duration: 3s; /* 1s x 3 */
	-webkit-animation-timing-function: steps(3);
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-name: anim-default;
	animation-duration: 3s; /* 1s x 3 */
	animation-timing-function: steps(3);
	animation-iteration-count: infinite;
	animation-name: anim-default;
}
.anim-idle-4f-mid {
	-webkit-animation-duration: 1320ms; /* 330ms x 4 */
	-webkit-animation-timing-function: steps(4);
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-name: anim-default;
	animation-duration: 1320ms; /* 330ms x 4 */
	animation-timing-function: steps(4);
	animation-iteration-count: infinite;
	animation-name: anim-default;
}
.anim-idle-4f-fast {
	-webkit-animation-duration: 320ms; /* 80ms x 4 */
	-webkit-animation-timing-function: steps(4);
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-name: anim-default;
	animation-duration: 320ms; /* 80ms x 4 */
	animation-timing-function: steps(4);
	animation-iteration-count: infinite;
	animation-name: anim-default;
}

/* sex animations, main slot */

.anim-doggy-3f-vfast {
	-webkit-animation-duration: 240ms; /* 80ms x 3 */
	-webkit-animation-timing-function: steps(3);
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-name: anim-default;
	animation-duration: 240ms; /* 80ms x 3 */
	animation-timing-function: steps(3);
	animation-iteration-count: infinite;
	animation-name: anim-default;
}
.anim-doggy-3f-fast {
	-webkit-animation-duration: 330ms; /* 110ms x 3 */
	-webkit-animation-timing-function: steps(3);
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-name: anim-default;
	animation-duration: 330ms; /* 110ms x 3 */
	animation-timing-function: steps(3);
	animation-iteration-count: infinite;
	animation-name: anim-default;
}
.anim-doggy-3f-mid {
	-webkit-animation-duration: 510ms; /* 170ms x 3 */
	-webkit-animation-timing-function: steps(3);
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-name: anim-default;
	animation-duration: 510ms; /* 170ms x 3 */
	animation-timing-function: steps(3);
	animation-iteration-count: infinite;
	animation-name: anim-default;
}
.anim-doggy-3f-slow {
	-webkit-animation-duration: 990ms; /* 330ms x 3 */
	-webkit-animation-timing-function: steps(3);
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-name: anim-default;
	animation-duration: 1320ms; /* 330ms x 3 */
	animation-timing-function: steps(4);
	animation-iteration-count: infinite;
	animation-name: anim-default;
}
.anim-doggy-4f-vfast {
	-webkit-animation-duration: 320ms; /* 80ms x 4 */
	-webkit-animation-timing-function: steps(4);
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-name: anim-default;
	animation-duration: 320ms; /* 80ms x 4 */
	animation-timing-function: steps(4);
	animation-iteration-count: infinite;
	animation-name: anim-default;
}
.anim-doggy-4f-fast {
	-webkit-animation-duration: 440ms; /* 110ms x 4 */
	-webkit-animation-timing-function: steps(4);
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-name: anim-default;
	animation-duration: 440ms; /* 110ms x 4 */
	animation-timing-function: steps(4);
	animation-iteration-count: infinite;
	animation-name: anim-default;
}
.anim-doggy-4f-mid {
	-webkit-animation-duration: 680ms; /* 170ms x 4 */
	-webkit-animation-timing-function: steps(4);
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-name: anim-default;
	animation-duration: 680ms; /* 170ms x 4 */
	animation-timing-function: steps(4);
	animation-iteration-count: infinite;
	animation-name: anim-default;
}
.anim-doggy-4f-slow {
	-webkit-animation-duration: 1320ms; /* 330ms x 4 */
	-webkit-animation-timing-function: steps(4);
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-name: anim-default;
	animation-duration: 1320ms; /* 330ms x 4 */
	animation-timing-function: steps(4);
	animation-iteration-count: infinite;
	animation-name: anim-default;
}
.anim-doggy-5f-vfast {
	-webkit-animation-duration: 400ms; /* 80ms x 5 */
	-webkit-animation-timing-function: steps(5);
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-name: anim-default;
	animation-duration: 400ms; /* 80ms x 5 */
	animation-timing-function: steps(5);
	animation-iteration-count: infinite;
	animation-name: anim-default;
}
.anim-doggy-5f-fast {
	-webkit-animation-duration: 550ms; /* 110ms x 5 */
	-webkit-animation-timing-function: steps(5);
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-name: anim-default;
	animation-duration: 550ms; /* 110ms x 5 */
	animation-timing-function: steps(5);
	animation-iteration-count: infinite;
	animation-name: anim-default;
}
.anim-doggy-5f-mid {
	-webkit-animation-duration: 850ms; /* 170ms x 5 */
	-webkit-animation-timing-function: steps(5);
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-name: anim-default;
	animation-duration: 850ms; /* 170ms x 5 */
	animation-timing-function: steps(5);
	animation-iteration-count: infinite;
	animation-name: anim-default;
}
.anim-doggy-5f-slow {
	-webkit-animation-duration: 1650ms; /* 330ms x 5 */
	-webkit-animation-timing-function: steps(5);
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-name: anim-default;
	animation-duration: 1650ms; /* 330ms x 5 */
	animation-timing-function: steps(5);
	animation-iteration-count: infinite;
	animation-name: anim-default;
}
.anim-doggy-6f-vfast {
	-webkit-animation-duration: 480ms; /* 80ms x 6 */
	-webkit-animation-timing-function: steps(6);
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-name: anim-default;
	animation-duration: 480ms; /* 80ms x 6 */
	animation-timing-function: steps(6);
	animation-iteration-count: infinite;
	animation-name: anim-default;
}
.anim-doggy-6f-fast {
	-webkit-animation-duration: 660ms; /* 110ms x 6 */
	-webkit-animation-timing-function: steps(6);
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-name: anim-default;
	animation-duration: 660ms; /* 110ms x 6 */
	animation-timing-function: steps(6);
	animation-iteration-count: infinite;
	animation-name: anim-default;
}
.anim-doggy-6f-mid {
	-webkit-animation-duration: 1020ms; /* 170ms x 6 */
	-webkit-animation-timing-function: steps(6);
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-name: anim-default;
	animation-duration: 1020ms; /* 170ms x 6 */
	animation-timing-function: steps(6);
	animation-iteration-count: infinite;
	animation-name: anim-default;
}
.anim-doggy-6f-slow {
	-webkit-animation-duration: 1980ms; /* 330ms x 6 */
	-webkit-animation-timing-function: steps(6);
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-name: anim-default;
	animation-duration: 1980ms; /* 330ms x 6 */
	animation-timing-function: steps(6);
	animation-iteration-count: infinite;
	animation-name: anim-default;
}

/* sex animations, close-up slots */
.anim-close-3f-vfast {
	-webkit-animation-duration: 240ms; /* 80ms x 3 */
	-webkit-animation-timing-function: steps(3);
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-name: anim-default;
	animation-duration: 240ms; /* 80ms x 3 */
	animation-timing-function: steps(3);
	animation-iteration-count: infinite;
	animation-name: anim-default;
}
.anim-close-3f-fast {
	-webkit-animation-duration: 330ms; /* 110ms x 3 */
	-webkit-animation-timing-function: steps(3);
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-name: anim-default;
	animation-duration: 330ms; /* 110ms x 3 */
	animation-timing-function: steps(3);
	animation-iteration-count: infinite;
	animation-name: anim-default;
}
.anim-close-3f-mid {
	-webkit-animation-duration: 510ms; /* 170ms x 3 */
	-webkit-animation-timing-function: steps(3);
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-name: anim-default;
	animation-duration: 510ms; /* 170ms x 3 */
	animation-timing-function: steps(3);
	animation-iteration-count: infinite;
	animation-name: anim-default;
}
.anim-close-3f-slow {
	-webkit-animation-duration: 990ms; /* 330ms x 3 */
	-webkit-animation-timing-function: steps(3);
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-name: anim-default;
	animation-duration: 990ms; /* 330ms x 3 */
	animation-timing-function: steps(3);
	animation-iteration-count: infinite;
	animation-name: anim-default;
}
.anim-close-4f-vfast {
	-webkit-animation-duration: 320ms; /* 80ms x 4 */
	-webkit-animation-timing-function: steps(4);
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-name: anim-default;
	animation-duration: 320ms; /* 80ms x 4 */
	animation-timing-function: steps(4);
	animation-iteration-count: infinite;
	animation-name: anim-default;
}
.anim-close-4f-fast {
	-webkit-animation-duration: 440ms; /* 110ms x 4 */
	-webkit-animation-timing-function: steps(4);
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-name: anim-default;
	animation-duration: 440ms; /* 110ms x 4 */
	animation-timing-function: steps(4);
	animation-iteration-count: infinite;
	animation-name: anim-default;
}
.anim-close-4f-mid {
	-webkit-animation-duration: 680ms; /* 170ms x 4 */
	-webkit-animation-timing-function: steps(4);
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-name: anim-default;
	animation-duration: 680ms; /* 170ms x 4 */
	animation-timing-function: steps(4);
	animation-iteration-count: infinite;
	animation-name: anim-default;
}
.anim-close-4f-slow {
	-webkit-animation-duration: 1320ms; /* 330ms x 4 */
	-webkit-animation-timing-function: steps(4);
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-name: anim-default;
	animation-duration: 1320ms; /* 330ms x 4 */
	animation-timing-function: steps(4);
	animation-iteration-count: infinite;
	animation-name: anim-default;
}
.anim-close-10f-vfast {
	-webkit-animation-duration: 800ms; /* 80ms x 10 */
	-webkit-animation-timing-function: steps(10);
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-name: anim-default;
	animation-duration: 800ms; /* 80ms x 10 */
	animation-timing-function: steps(10);
	animation-iteration-count: infinite;
	animation-name: anim-default;
}
.anim-close-10f-fast {
	-webkit-animation-duration: 1100ms; /* 110ms x 10 */
	-webkit-animation-timing-function: steps(10);
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-name: anim-default;
	animation-duration: 1100ms; /* 110ms x 10 */
	animation-timing-function: steps(10);
	animation-iteration-count: infinite;
	animation-name: anim-default;
}
.anim-close-10f-mid {
	-webkit-animation-duration: 1700ms; /* 170ms x 10 */
	-webkit-animation-timing-function: steps(10);
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-name: anim-default;
	animation-duration: 1700ms; /* 170ms x 10 */
	animation-timing-function: steps(10);
	animation-iteration-count: infinite;
	animation-name: anim-default;
}
.anim-close-10f-slow {
	-webkit-animation-duration: 3300ms; /* 330ms x 10 */
	-webkit-animation-timing-function: steps(10);
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-name: anim-default;
	animation-duration: 3300ms; /* 330ms x 10 */
	animation-timing-function: steps(10);
	animation-iteration-count: infinite;
	animation-name: anim-default;
}
/*Currently unused*/
.anim-close-5f-vfast {
	-webkit-animation-duration: 400ms; /* 80ms x 5 */
	-webkit-animation-timing-function: steps(5);
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-name: anim-default;
	animation-duration: 400ms; /* 80ms x 5 */
	animation-timing-function: steps(5);
	animation-iteration-count: infinite;
	animation-name: anim-default;
}
.anim-close-5f-fast {
	-webkit-animation-duration: 550ms; /* 110ms x 5 */
	-webkit-animation-timing-function: steps(5);
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-name: anim-default;
	animation-duration: 550ms; /* 110ms x 5 */
	animation-timing-function: steps(5);
	animation-iteration-count: infinite;
	animation-name: anim-default;
}
.anim-close-5f-mid {
	-webkit-animation-duration: 850ms; /* 170ms x 5 */
	-webkit-animation-timing-function: steps(5);
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-name: anim-default;
	animation-duration: 850ms; /* 170ms x 5 */
	animation-timing-function: steps(5);
	animation-iteration-count: infinite;
	animation-name: anim-default;
}
.anim-close-5f-slow {
	-webkit-animation-duration: 1650ms; /* 330ms x 5 */
	-webkit-animation-timing-function: steps(5);
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-name: anim-default;
	animation-duration: 1650ms; /* 330ms x 5 */
	animation-timing-function: steps(5);
	animation-iteration-count: infinite;
	animation-name: anim-default;
}
.anim-close-6f-vfast {
	-webkit-animation-duration: 480ms; /* 80ms x 6 */
	-webkit-animation-timing-function: steps(6);
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-name: anim-default;
	animation-duration: 480ms; /* 80ms x 6 */
	animation-timing-function: steps(6);
	animation-iteration-count: infinite;
	animation-name: anim-default;
}
.anim-close-6f-fast {
	-webkit-animation-duration: 660ms; /* 110ms x 6 */
	-webkit-animation-timing-function: steps(6);
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-name: anim-default;
	animation-duration: 660ms; /* 110ms x 6 */
	animation-timing-function: steps(6);
	animation-iteration-count: infinite;
	animation-name: anim-default;
}
.anim-close-6f-mid {
	-webkit-animation-duration: 1020ms; /* 170ms x 6 */
	-webkit-animation-timing-function: steps(6);
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-name: anim-default;
	animation-duration: 1020ms; /* 170ms x 6 */
	animation-timing-function: steps(6);
	animation-iteration-count: infinite;
	animation-name: anim-default;
}
.anim-close-6f-slow {
	-webkit-animation-duration: 1980ms; /* 330ms x 6 */
	-webkit-animation-timing-function: steps(6);
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-name: anim-default;
	animation-duration: 1980ms; /* 330ms x 6 */
	animation-timing-function: steps(6);
	animation-iteration-count: infinite;
	animation-name: anim-default;
}

.anim-xray-8f-vfast {
	-webkit-animation-duration: 320ms; /* 40ms x 8 */
	-webkit-animation-timing-function: steps(8);
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-name: anim-default;
	animation-duration: 320ms; /* 40ms x 8 */
	animation-timing-function: steps(8);
	animation-iteration-count: infinite;
	animation-name: anim-default;
}
.anim-xray-8f-fast {
	-webkit-animation-duration: 480ms; /* 60ms x 8 */
	-webkit-animation-timing-function: steps(8);
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-name: anim-default;
	animation-duration: 480ms; /* 60ms x 8 */
	animation-timing-function: steps(8);
	animation-iteration-count: infinite;
	animation-name: anim-default;
}
.anim-xray-8f-mid {
	-webkit-animation-duration: 640ms; /* 80ms x 8 */
	-webkit-animation-timing-function: steps(8);
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-name: anim-default;
	animation-duration: 640ms; /* 80ms x 8 */
	animation-timing-function: steps(8);
	animation-iteration-count: infinite;
	animation-name: anim-default;
}
.anim-xray-8f-slow {
	-webkit-animation-duration: 1320ms; /* 170ms x 8 */
	-webkit-animation-timing-function: steps(8);
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-name: anim-default;
	animation-duration: 1320ms; /* 170ms x 8 */
	animation-timing-function: steps(8);
	animation-iteration-count: infinite;
	animation-name: anim-default;
}

.height64NoMargin{
	height: 128px !important;
}

.height64{
	margin-top: 64px;
	height: 128px;
}

.height128{
	margin-top: 128px;
	height: 128px;
}

.capitalize,
.capitalize * {
	text-transform: capitalize;
}

.colour-sample {
	display: inline-block;
	width: 0.8em;
	height: 0.8em;
	background: #F00;
	border-radius: 1em;
}

.bgcolour-eyes {
	background: #6E4E11;
}
.bgcolour-hair {
	background: #FD6064;
}
.bgcolour-red {
	background: #F00;
}

.link-disabled {
	pointer-events: none;
	cursor: default;
	text-decoration: none;
	color: dimgrey;
	filter: saturate(0);
}

/* duration related-classes.
	When adding, don't forget to add it to rule above with animation-iteration-count */
.anim-1s {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
}
.anim-2s {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
}

/* frame-count related classes */
.anim-2f {
	-webkit-animation-timing-function: steps(2);
	animation-timing-function: steps(2);
}
.anim-4f {
	-webkit-animation-timing-function: steps(4);
	animation-timing-function: steps(4);
}

@keyframes anim-default {
	0% {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	}
	100% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}
}

#characteristics-display,
#socials-display {
	position: relative;
	z-index: 0;
}

.characteristic-box-list,
.relation-box-list {
	display: flex;
	flex-wrap: wrap;
	position: relative;
}

.characteristic-box-list .characteristic-box {
	position: relative;
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	flex: 1 1 100px;
	min-width: 18%;
	margin: 0.15rem;
	border: 1px solid #aaa;
	padding: 0.3rem;
	text-align: center;
}

#base-characteristics .characteristic-box {
	min-width: 23%;
}

.characteristic-box-list .characteristic-top-line {
	align-self: flex-start;
	display: flex;
	width: 100%;
	justify-content: space-between;
	font-size: 1.1em;
}

#base-characteristics .characteristic-top-line {
	font-size: 1.2em;
}

.characteristic-box-list .characteristic-title,
.relation-box .relation-top-line .relation-name {
	flex: 1;
	align-self: flex-end;
	text-align: left;
	padding-left: 0.5rem;
}

.characteristic-box-list .characteristic-top-line .characteristic-level .grade-percent, .characteristic-modifier,
.relation-box .relation-top-line .relation-title {
	display: inline-block;
	min-width:37px
}

.characteristic-box-list .characteristic-description {
	padding: 0.3rem;
}

.characteristic-box-list .characteristic-description.grade-progress {
	border-bottom: 1px solid gray;
	width: 80%;
	padding-bottom: 0;
	margin-bottom: 0.3rem;
}

.characteristic-box-list .meter {
	position: absolute;
	bottom: 0;
}

#characteristics-display h4,
#relation-display h4 {
	margin-top: 2rem;
	margin-bottom: 0;
	font-weight: normal;
}

#base-skills.characteristic-box-list .characteristic-box {
	min-width: var(--min-width);
}

.characteristic-box-extras {
	margin-left: 0.5rem;
}

.characteristic-icon {
	height: 32px;
	width: 32px;
}

#player-body {
	position: absolute;
	width: 256px;
	left: calc(50% - 127px + 0.3rem);
	display: flex;
	justify-content: center;
	pointer-events: none;
	z-index: 0;
}

#player-body #img {
	position: relative;
}

#sex-diagram {
	display: flex;
	width: calc(100% - 0.3rem);
	padding: 0.3rem 0.15rem;
}

#sex-diagram .sex-diagram-box {
	display: flex;
}

#sex-diagram .characteristic-box-list {
	flex-direction: column;
	flex-wrap: nowrap;
	width: 50%;
	padding: 0;
	margin: 0;
}

#sex-diagram .characteristic-box-list .characteristic-box {
	width: 50%;
	margin: 0.15rem 0;
	z-index: 1;
}

#sex-diagram .connector-box {
	position: relative;
	height: 100%;
	flex: 1;
	margin: 0.15rem 0;
	z-index: 1;
}

#sex-diagram .connector-box > div {
	position: absolute;
	top:0;
}

#sex-diagram .connector-box-top {
	border-top: 1px solid #aaa;
}

#sex-diagram .connector-box-bottom {
	height: var(--connector-height);
	border-bottom: 1px solid #aaa;
}

#sex-diagram .connector-box.invert .connector-box-bottom {
	top: calc( -1 * var(--connector-height));
	border-top: 1px solid #aaa;
	border-bottom: none;
}

#sex-diagram .left-column .connector-box-top {
	left: 0;
	right: var(--center-offset);
}

#sex-diagram .left-column .connector-box-bottom {
	left: calc(100% - var(--center-offset));
	right: var(--end-offset);
	border-left: 1px solid #aaa;
}

#sex-diagram .right-column .connector-box-top {
	left: var(--center-offset);
	right: 0;
}

#sex-diagram .right-column .connector-box-bottom {
	left: var(--end-offset);
	right: calc(100% - var(--center-offset));
	border-right: 1px solid #aaa;
}

@media(max-width: 1200px) {
	#base-characteristics .characteristic-box,
	.characteristic-box-list .characteristic-box {
		min-width: 45%;
	}

	#base-skills.characteristic-box-list .characteristic-box {
		min-width: 30%;
	}

	#player-body {
		display: none;
	}

	#sex-diagram .connector-box {
		display: none;
	}

	#sex-diagram .left-column .connector-box {
		margin-right: 0.15rem;
	}

	#sex-diagram .right-column {
		margin-left: 0.15rem;
	}
}

.relation-box-list .relation-box {
	position: relative;
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	min-width: 250px;
	max-width: 100%;
	margin: 0.15rem;
	border: 1px solid #aaa;
	text-align: center;
	overflow: hidden;
	flex: 1 1 32.4%;
}

.relation-box .relation-top-line {
	display: flex;
	align-items: space-between;
	font-size: 1.1em;
	border-bottom: 1px solid #444;
	padding: 0.3em;
	align-self: stretch;
}

.relation-box .relation-top-line .relation-title {
	margin-right: 5px;
	text-transform: capitalize;
}

.relation-box .relation-top-line .love-interest-icon {
	width: 24px;
	height: 24px;
}

.relation-box .relation-description {
	padding: 0.5em;
	font-size: 90%;
}

.relation-box .relation-description .meter {
	position: absolute;
	bottom: 0;
	left: 0;
}

.relation-box .relation-stat-list {
	display: flex;
	flex-wrap: wrap;
	background-image: linear-gradient(transparent 50%, #444 0.1em, transparent calc(50% + .1em)), linear-gradient(90deg, transparent 50%, #444 .1em, transparent calc(50% + .1em));
	border-top: 1px solid #444;
	background-size: contain;
	background-repeat: no-repeat;
	flex: 1;
	width: 100%;
	min-height: 130px;
}

.relation-box .relation-stat-list.no-images {
	min-height: 80px;
}

.relation-box .relation-stat-list .relation-stat-block {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	height: calc(50% - 0.6em);
	padding: 0.3em;
	width: calc(50% - 0.6em);
	margin: 0;
}

.relation-box .relation-stat-list.no-images .relation-stat-block {
	flex-direction: row;
	justify-content: center;
}

.relation-box .relation-stat {
	display: flex;
	flex-direction: row;
	align-items: center;
	z-index: 0;
}

.relation-box .relation-stat-icon {
	position: relative;
	display: inline-block;
	width: 32px;
	height: 32px;
	margin-right: 5px;
}

.relation-box .relation-stat-icon .active-icon-img {
	position: relative;
	z-index: 1;
	clip-path: inset(0 calc( 100% - var(--progress)) 0 0);
}

.relation-box .relation-stat-icon.vertical .active-icon-img {
	clip-path: inset(calc( 100% - var(--progress)) 0 0 0);
}

.relation-box .relation-stat-icon.vertical-inverted .active-icon-img {
	clip-path: inset(0 0 calc( 100% - var(--progress)) 0);
}

.relation-box .relation-stat-icon.horizontal-inverted .active-icon-img {
	clip-path: inset(0 0 0 calc( 100% - var(--progress)));
}

.relation-box .relation-stat-icon img.inactive-icon-img.outlined {
	filter: contrast(0.35) brightness(0.25) saturate(0) drop-shadow(0px 0px 0px white);
}

.relation-box .relation-stat-icon img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.relation-box .relation-stat .relation-stat-percent {
	text-align: left;
}

.relation-box .relation-stat-block .progress-bar {
	width: var(--progress);
	top: auto;
	bottom: 0;
}

#npc-relations .relation-box {
	max-width: 32.4%;
}

#secondary-npcs,
#farm-status {
	font-size: 85%;
}

#secondary-npcs .relation-box,
#farm-status .relation-box {
	min-width: 220px;
	border-color: #888;
	flex: 0 1 24.3%
}

#secondary-npcs .relation-box .relation-top-line
#farm-status .relation-box .relation-top-line {
	padding: 0.2rem 0 0.1rem;
}

#secondary-npcs .relation-box .quick-stats {
	display: inline-flex;
	padding-right: 0.3em;
	align-self: flex-end;
	z-index: 0;
}

#secondary-npcs .relation-box .quick-stats .relation-stat-block:not(:first-child) {
	margin-left: 0.3em;
}

#secondary-npcs .relation-box .relation-stat .relation-stat-icon {
	width: 20px;
	height: 20px;
}

#secondary-npcs .relation-box .relation-stat .relation-stat-percent {
	font-size: 85%;
}

#secondary-npcs .relation-box .relation-description,
#farm-status .relation-box .relation-description,
#global-recognition .relation-box .relation-description {
	padding: 0.3em;
}

#faction-reputations .relation-box {
	flex: 1 1 49%;
}

#global-recognition .relation-box {
	flex: 1 1 30%;
	min-width: 220px;
	border-color: #666;
}

#global-recognition .relation-box:last-child {
	font-size: 120%;
	flex-basis: 100%;
}

#global-recognition .relation-box:not(:last-child) .relation-description {
	align-self: flex-start;
}

@media(max-width: 869px) {
	#npc-relations .relation-box {
		max-width: 100%;
	}

	#secondary-npcs .relation-box,
	#farm-status .relation-box {
		flex: 1 1 24.3%
	}
}

/* Eye blinking animation, 100 seconds loop to make 1% equal to 1s; eyes are closed for 0.05s */
.eyes-blink {
	-webkit-animation: anim-eyes-blink 180s infinite steps(1);
	animation: anim-eyes-blink 180s infinite steps(1);
}
.eyes-blink-trauma {
	-webkit-animation: anim-eyes-blink-trauma 180s infinite steps(1);
	animation: anim-eyes-blink-trauma 180s infinite steps(1);
}
.eyes-closed {
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

@keyframes anim-eyes-blink {
	0%, 5.05%, 13.1%, 16.15%, 16.8%, 23.8%, 36.85%, 41.9%, 42.95%, 47%, 53.05%, 57.1%, 61.15%, 66.2%, 73.25%, 79.3%, 82.35%, 83.4%, 83.95%, 89%, 93.05%, 99.1%, 100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	5%, 13.05%, 16.1%, 16.75%, 23.75%, 36.8%, 41.85%, 42.9%, 46.95%, 53%, 57.05%, 61.1%, 66.15%, 73.2%, 79.25%, 82.3%, 83.35%, 83.9%, 88.95%, 93%, 99.05% {
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
}

@keyframes anim-eyes-blink-trauma {
	0%, 13.1%, 23.2%, 38.3%, 51.4%, 69.5%, 77.6%, 90.7%, 100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	13%, 23.1%, 38.2%, 51.3%, 69.4%, 77.5%, 90.6%, 99.9% {
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
}

.unconscious {
	opacity: 0.6;
	font-size: 0.9em;
	-webkit-animation: anim-unconscious-fade-in 2s ease-out,
					   anim-unconscious-blur infinite;
	animation: anim-unconscious-fade-in 2s ease-out,
			   anim-unconscious-blur infinite;
}

.fade-in {
	-webkit-animation: anim-fade-in 2s ease-out;
	animation: anim-fade-in 2s ease-out;
}

@keyframes anim-unconscious-blur {
	0%, 100% {
		-webkit-filter: blur(0);
		filter: blur(0);
	}
	50% {
		-webkit-filter: blur(1px);
		filter: blur(1px);
	}
}

@keyframes anim-unconscious-fade-in {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 0.6;
	}
}

@keyframes anim-fade-in {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.clothes-price-container .numberslider-group {
	display: flex;
	flex-direction: column;
	border: 1px solid #444;
	border-left: none;
	border-right: none;
	margin-top: 4px;
	padding: 0.5em 0;
}

.clothes-price-container .numberslider-inline {
	display: flex;
	flex-direction: column;
	min-width: 50%;
	margin-bottom: 0.5em;
}

.clothes-price-container .numberslider-inline > span {
	font-size: 0.9em;
}

.clothes-price-container .numberslider-inline > .macro-numberslider {
	display: flex;
}

.button {
	width: fit-content;
	border: 1px solid #888;
	padding: 0 0.5em;
}
.button:hover {
	background-color: #333;
	cursor: pointer;
}

#card-cover-options {
	display: flex;
	flex-wrap: wrap;
}

.card.active {
	filter: drop-shadow(-1px -1px 0px white) drop-shadow(1px -1px 0px white) drop-shadow(-1px 1px 0px white) drop-shadow(1px 1px 0px white);
}

#card-cover-options .cardcover0 {
	background-color: #222;
	line-height: 1.75;
}

/* patterns are taken from http://projects.verou.me/css3pattern */
.cardcover1 {
	background-color: #600;
	background-image: repeating-linear-gradient(135deg, transparent, transparent 5px, #a88 6px, transparent 7px), repeating-linear-gradient(225deg, transparent, transparent 5px, #a88 6px, transparent 7px);
	box-shadow: inset 0px 0px 0px 2px #400;
}
.cardcover2 {
	background-color: #300;
	background-image: radial-gradient(maroon 3px, transparent 3.33px),repeating-radial-gradient(maroon 0, maroon 1.33px, transparent 1.66px, transparent 6.66px, maroon 7px, maroon 8.33px, transparent 8.66px, transparent 16.66px);
	background-size: 10px 10px, 30px 30px;
	background-position: -5px -2px;
	box-shadow: inset 0px 0px 0px 2px #400;
}
.cardcover3 {
	background-color: #900;
	background-image: repeating-linear-gradient(120deg, rgba(255,255,255,.1), rgba(255,255,255,0.1) 1px, transparent 1px, transparent 60px), repeating-linear-gradient(60deg, rgba(255,255,255,-0.8), rgba(255,255,255,0.1) 1px, transparent 2px, transparent 60px), linear-gradient(60deg, rgba(0,0,0,0.2) 25%, transparent 25%, transparent 75%, rgba(0,0,0,0.2) 75%), linear-gradient(120deg, rgba(0,0,0,0.2) 25%, transparent 25%, transparent 75%, rgba(0,0,0,0.2) 75%);
	background-size: 70px 120px;
	background-position: -10px -17px;
	box-shadow: inset 0px 0px 0px 2px #660000;
}
.cardcover4 {
	background-color: #400;
	background-image: linear-gradient(135deg, rgba(200,0,0,.5) 50%, transparent 50%), linear-gradient(225deg, rgba(200,0,0,.5) 50%, transparent 50%);
	background-size: 14px 17px;
	background-position: 11px 17px;
	box-shadow: inset 0px 0px 0px 2px #400;
}
.cardcover5 {
	background-color: #400;
	background-image: linear-gradient(90deg, rgba(200,0,0,.5) 50%, transparent 50%), linear-gradient(0deg, rgba(200,0,0,.5) 50%, transparent 50%);
	background-size: 12px 12px;
	background-position: -2px 4px;
	box-shadow: inset 0px 0px 0px 2px #400;
}
.cardcover6 {
	background: linear-gradient(135deg, maroon 25%, transparent 25%) -50px 0,linear-gradient(225deg, maroon 25%, transparent 25%) -50px 0,linear-gradient(315deg, maroon 25%, transparent 25%),linear-gradient(45deg, maroon 25%, transparent 25%);
	background-size: 20px 21px;
	background-position: 5px 1px, 5px 1px, 15px 1px, 15px 1px;
	background-color: #300;
	box-shadow: inset 0px 0px 0px 2px #400;
}
.cardcover7 {
	background-image: url('img/ui/vrellogo.png');
	background-position: 0 3px;
	background-color: #600;
	box-shadow: inset 0px 0px 0px 2px #300;
}

#new-version-notification {
	position: fixed;
	top: 0.5em;
	display: inline-flex;
	flex-wrap: wrap;
	border: 2px solid greenyellow;
	border-radius: 4px;
	background: green;
	padding: 0 1em;
	font-size: 90%;
	align-items: center;
}
#new-version-notification .new-version-notification-buttons {
	display: flex;
	flex-wrap: wrap;
}
#new-version-notification .btn-update {
	border: 1px solid greenyellow;
	border-radius: 3px;
	background-color: green;
	color: greenyellow;
	text-decoration: none;
	align-self: center;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: 0.5em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	padding: 0 0.5em;
}
#new-version-notification .btn-update a {
	color: greenyellow;
}
#new-version-notification .btn-update:hover {
	background-color: darkgreen;
}
#new-version-notification .btn-update::after {
	filter: invert(0.75);
	mix-blend-mode: luminosity;
}

a[target="_blank"]::after {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==);
  margin: 0 3px 0 5px;
  line-height: unset;
}

#action-popup {
	position: fixed;
	top: 0;
	transform: translateY(-100%);
	transition: all 0.25s;
	border: 1px solid #888;
	border-top: none;
	border-radius: 0 0 5px 5px;
	padding: 0 3em;
	text-align: center;
	background-color: #222;
	z-index: 100;
}
#action-popup br {
	display: none;
}
#wardrobewear {
	display: table;
	background-color: #0000;
	border-radius: 3px;
	transition: all 1.25s;
}
#wardrobewear.flash {
	background-color: #edd464aa;
}
.wardrobe-action {
	display: inline-block;
	transition: all 1.25s;
}
.action-flash {
	border-color: #edd464 !important;
	color: #edd464 !important;
}
.action-flash a {
	color: #edd464 !important;
}
.notransition {
	transition: none !important;
}

img, canvas {
	image-rendering: pixelated;
	image-rendering: -moz-crisp-edges;
	image-rendering: crisp-edges;
}

.rotate-90 {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

.rotate-180 {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.rotate-270 {
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg);
}

.flip {
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
  }

.none {
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
}

.resize {
	max-width: 100%;
	height: auto;
}

@keyframes rainbow {
    0% { background-position: 0; }
    100% { background-position: -6000px; }
}

.rainbow {
	animation: 60s infinite linear rainbow;
	background: linear-gradient(90deg, #ff0000, #ff8800, #ffff00, #00ff00, #0088ff, #0000ff, #8800ff, #ff0000);
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent ;
}

@keyframes lustful {
    0% { background-position: 0; }
    100% { background-position: -6000px; }
}

.lustful {
	animation: 60s infinite linear lustful;
	background: linear-gradient(90deg, #8800ff, #E04880, #b66bec, #FF1493 );
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent ;
}

@keyframes tentacle {
    0% { background-position: 0; }
    100% { background-position: -6000px; }
}

.tentacle {
	animation: 60s infinite linear tentacle;
	background: linear-gradient(90deg, #8800ff, #8800ff, #8800ff, #8800ff, #8800ff, #FF1493 );
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent ;
}

.wraith {
	background: #f1f1db;
	text-shadow: 0 0 32px #8800ff;
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
}

.nextLink a {
	background: #5888dd;
	text-shadow: 0 0 32px #8800ff;
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
}

@keyframes vogni-skewX {
    0% { transform: skewX(0deg); }
    25% { transform: skewX(0.5deg); }
    50% { transform: skewX(0deg); }
    75% { transform: skewX(-0.5deg); }
    100% { transform: skewX(0deg); }
}

#vogni-skewX {
    animation-name: vogni-skewX;
    animation-duration: 5.1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes vogni-skewY {
    0% { transform: skewY(0deg); }
    25% { transform: skewY(0.5deg); }
    50% { transform: skewY(0deg); }
    75% { transform: skewY(-0.5deg); }
    100% { transform: skewY(0deg); }
}

#vogni-skewY {
    animation-name: vogni-skewY;
    animation-duration: 4.1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes vogni-flip {
    0% { transform: rotateY(0deg); }
    25% { transform: rotateY(5deg); }
    50% { transform: rotateY(0deg); }
    75% { transform: rotateY(-5deg); }
    100% { transform: rotateY(0deg); }
}

#vogni-flip {
    animation-name: vogni-flip;
    animation-duration: 7s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    font-size: 130%;
    color: #8f0f1f;
}

@keyframes vogni-flicker {
    0% { color: #8f0f1f; }
    25% { color: #3a1d27; }
    50% { color: #8f0f1f; }
}

#vogni-flicker {
    animation-name: vogni-flicker;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: ease;
}

.tentacles-flesh {
    -webkit-filter: hue-rotate(110deg) saturate(20%) brightness(410%) contrast(100%);
    filter: hue-rotate(110deg) saturate(20%) brightness(410%) contrast(100%);
}

.tentacles-blue {
	-webkit-filter: hue-rotate(-120deg) saturate(100%) brightness(100%) contrast(100%);
	filter: hue-rotate(-120deg) saturate(100%) brightness(100%) contrast(100%);
}

.tentacles-vines {
	-webkit-filter: hue-rotate(180deg) saturate(60%) brightness(200%) contrast(100%);
	filter: hue-rotate(180deg) saturate(60%) brightness(200%) contrast(100%);
}

.tentacles-roots {
	-webkit-filter: hue-rotate(120deg) saturate(70%) brightness(140%) contrast(100%);
	filter: hue-rotate(120deg) saturate(70%) brightness(140%) contrast(100%);
}

.tentacles-red {
	-webkit-filter: hue-rotate(40deg) saturate(100%) brightness(100%) contrast(100%);
	filter: hue-rotate(40deg) saturate(100%) brightness(100%) contrast(100%);
}

.tentacles-purple {
	-webkit-filter: hue-rotate(0deg) saturate(100%) brightness(100%) contrast(100%);
	filter: hue-rotate(0deg) saturate(100%) brightness(100%) contrast(100%);
}

.tentacles-peach {
	-webkit-filter: hue-rotate(90deg) saturate(20%) brightness(260%) contrast(100%);
	filter: hue-rotate(90deg) saturate(20%) brightness(260%) contrast(100%);
}

.tentacles-wraith {
	-webkit-filter: hue-rotate(0deg) saturate(0%) brightness(500%) contrast(160%);
	filter: hue-rotate(0deg) saturate(0%) brightness(500%) contrast(160%);
	opacity: 0.50;
}

#die_text {
	font-size: 200%;
}