/* Main */
section.iconarea {
	font-size: 0;
	text-align: left;
}

div.icon, div.icon::before, div.icon::after, div.icon span, div.icon span::before, div.icon span::after, div.spacer {
	width: 32px;
	height: 32px;
	background: url(../img/icons.png?v=20231124205702) 0 0/2100% 2100% no-repeat;
}
div.icon, div.spacer {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 2px;
}
div.icon {
	background-position: 0 100%;
	cursor: pointer;
}
div.icon::before, div.icon::after, div.icon span, div.icon span::before, div.icon span::after {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
}

/* Colour */
div.icon::before,
div.icon span::after {
	mix-blend-mode: multiply;
	background-position: 100% 100%;
	z-index: 5;
}
div.icon[data-type="classic"]::before {
	background-position: 90% 100%;
}
div.icon[data-type="classic"][data-state="cracked"]::before {
	background-position: 80% 100%;
}
div.icon[data-type="alternate"][data-state="midnight"]::before {
	background-position: 70% 100%;
}
div.icon[data-type="classic"][data-border]::before {
	background-position: 60% 100%;
}
div.icon[data-type="classic"][data-border][data-state="cracked"]::before {
	background-position: 50% 100%;
}
div.icon[data-type="alternate"][data-border][data-state="midnight"]::before {
	background-position: 40% 100%;
}

/* State */
div.icon[data-state="unknown"] {
	opacity: 0.4;
}
div.icon::after {
	background-position: 100% 90%;
	bottom: -3px;
	right: -3px;
	z-index: 10;
}
div.icon[data-state="survived"]::after {
	background-position: 90% 90%;
}
div.icon[data-state="cracked"]::after {
	background-position: 80% 90%;
}
div.icon[data-state="midnight"]::after {
	background-position: 70% 90%;
}

/* Icons (Overseer) */
div.icon[data-terror="overseer"] span {
	background-position: 10% 100%;
}

/* Icons (Classic) */
div.icon[data-terror="huggy"] span {
	background-position: 10% 0;
}
div.icon[data-terror="corrupted_toys"] span {
	background-position: 15% 0;
}
div.icon[data-terror="demented_spongebob"] span {
	background-position: 20% 0;
}
div.icon[data-terror="specimen_8"] span {
	background-position: 25% 0;
}
div.icon[data-terror="HER"] span {
	background-position: 30% 0;
}
div.icon[data-terror="tails_doll"] span {
	background-position: 35% 0;
}
div.icon[data-terror="black_sun"] span {
	background-position: 40% 0;
}
div.icon[data-terror="aku_ball"] span {
	background-position: 45% 0;
}
div.icon[data-terror="ao_oni"] span {
	background-position: 50% 0;
}
div.icon[data-terror="torens_shadow"] span {
	background-position: 55% 0;
}
div.icon[data-terror="CENSORED"] span {
	background-position: 60% 0;
}

div.icon[data-terror="whitenight"] span {
	background-position: 65% 0;
}
div.icon[data-terror="an_arbiter"] span {
	background-position: 70% 0;
}
div.icon[data-terror="squidward"] span {
	background-position: 75% 0;
}
div.icon[data-terror="comedy"] span {
	background-position: 80% 0;
}
div.icon[data-terror="purple_guy"] span {
	background-position: 85% 0;
}
div.icon[data-terror="spongefly_swarm"] span {
	background-position: 90% 0;
}
div.icon[data-terror="hush"] span {
	background-position: 95% 0;
}
div.icon[data-terror="mopemope"] span {
	background-position: 100% 0;
}
div.icon[data-terror="sawrunner"] span {
	background-position: 0 5%;
}
div.icon[data-terror="imposter"] span {
	background-position: 5% 5%;
}
div.icon[data-terror="something"] span {
	background-position: 10% 5%;
}

div.icon[data-terror="starved"] span {
	background-position: 15% 5%;
}
div.icon[data-terror="the_painter"] span {
	background-position: 20% 5%;
}
div.icon[data-terror="the_guidance"] span {
	background-position: 25% 5%;
}
div.icon[data-terror="with_many_voices"] span {
	background-position: 30% 5%;
}
div.icon[data-terror="nextbots"] span {
	background-position: 35% 5%;
}
div.icon[data-terror="harvest"] span {
	background-position: 40% 5%;
}
div.icon[data-terror="smileghost"] span {
	background-position: 45% 5%;
}
div.icon[data-terror="karol_corpse"] span {
	background-position: 50% 5%;
}
div.icon[data-terror="mario_has_logged_in"] span {
	background-position: 55% 5%;
}
div.icon[data-terror="big_bird"] span {
	background-position: 60% 5%;
}
div.icon[data-terror="dev_bytes"] span {
	background-position: 65% 5%;
}
div.icon[data-terror="dev_bytes"] span::after {
	background-position: 100% 25%;
}

div.icon[data-terror="luigi_and_luigi_dolls"] span {
	background-position: 70% 5%;
}
div.icon[data-terror="v2"] span {
	background-position: 75% 5%;
}
div.icon[data-terror="withered_bonnie"] span {
	background-position: 80% 5%;
}
div.icon[data-terror="the_boys"] span {
	background-position: 85% 5%;
}
div.icon[data-terror="something_wicked"] span {
	background-position: 90% 5%;
}
div.icon[data-terror="seek"] span {
	background-position: 95% 5%;
}
div.icon[data-terror="rush"] span {
	background-position: 100% 5%;
}
div.icon[data-terror="sonic"] span {
	background-position: 0 10%;
}
div.icon[data-terror="bad_batter"] span {
	background-position: 5% 10%;
}
div.icon[data-terror="signus"] span {
	background-position: 10% 10%;
}
div.icon[data-terror="mirror"] span {
	background-position: 15% 10%;
}

div.icon[data-terror="legs"] span {
	background-position: 20% 10%;
}
div.icon[data-terror="the_old_man"] span {
	background-position: 25% 10%;
}
div.icon[data-terror="judgement_bird"] span {
	background-position: 30% 10%;
}
div.icon[data-terror="slenderwheels"] span {
	background-position: 35% 10%;
}
div.icon[data-terror="maul-a-child"] span {
	background-position: 40% 10%;
}
div.icon[data-terror="garten_goers"] span {
	background-position: 45% 10%;
}
div.icon[data-terror="dont_touch_me"] span {
	background-position: 50% 10%;
}
div.icon[data-terror="specimen_2"] span {
	background-position: 55% 10%;
}
div.icon[data-terror="specimen_10"] span {
	background-position: 60% 10%;
}
div.icon[data-terror="the_lifebringer"] span {
	background-position: 65% 10%;
}
div.icon[data-terror="pale_association"] span {
	background-position: 70% 10%;
}

div.icon[data-terror="toy_enforcer"] span {
	background-position: 75% 10%;
}
div.icon[data-terror="TBH"] span {
	background-position: 80% 10%;
}
div.icon[data-terror="DOOMBOX"] span {
	background-position: 85% 10%;
}
div.icon[data-terror="christian_brutal_sniper"] span {
	background-position: 90% 10%;
}
div.icon[data-terror="nosk"] span {
	background-position: 95% 10%;
}
div.icon[data-terror="apocrean_harvester"] span {
	background-position: 100% 10%;
}
div.icon[data-terror="arkus"] span {
	background-position: 0 15%;
}
div.icon[data-terror="cartoon_cat"] span {
	background-position: 5% 15%;
}
div.icon[data-terror="wario_apparition"] span {
	background-position: 10% 15%;
}
div.icon[data-terror="shinto"] span {
	background-position: 15% 15%;
}
div.icon[data-terror="hell_bell"] span {
	background-position: 20% 15%;
}

div.icon[data-terror="security"] span {
	background-position: 25% 15%;
}
div.icon[data-terror="the_swarm"] span {
	background-position: 30% 15%;
}
div.icon[data-terror="shiteyanyo"] span {
	background-position: 35% 15%;
}
div.icon[data-terror="bacteria"] span {
	background-position: 40% 15%;
}
div.icon[data-terror="tiffany"] span {
	background-position: 45% 15%;
}
div.icon[data-terror="hoovydundy"] span {
	background-position: 50% 15%;
}
div.icon[data-terror="haket"] span {
	background-position: 55% 15%;
}
div.icon[data-terror="akumii-kari"] span {
	background-position: 60% 15%;
}
div.icon[data-terror="lunatic_cultist"] span {
	background-position: 65% 15%;
}
div.icon[data-terror="sturm"] span {
	background-position: 70% 15%;
}
div.icon[data-terror="punishing_bird"] span {
	background-position: 75% 15%;
}

div.icon[data-terror="prisoner"] span {
	background-position: 80% 15%;
}
div.icon[data-terror="red_bus"] span {
	background-position: 85% 15%;
}
div.icon[data-terror="waterwraith"] span {
	background-position: 90% 15%;
}
div.icon[data-terror="astrum_aureus"] span {
	background-position: 95% 15%;
}
div.icon[data-terror="snarbolax"] span {
	background-position: 100% 15%;
}
div.icon[data-terror="all-around-helpers"] span {
	background-position: 0 20%;
}
div.icon[data-terror="sakuya_izayoi"] span {
	background-position: 5% 20%;
}
div.icon[data-terror="arrival"] span {
	background-position: 10% 20%;
}
div.icon[data-terror="miros_birds"] span {
	background-position: 15% 20%;
}
div.icon[data-terror="BFF"] span {
	background-position: 20% 20%;
}
div.icon[data-terror="scavenger"] span {
	background-position: 25% 20%;
}

div.icon[data-terror="lain"] span {
	background-position: 30% 20%;
}
div.icon[data-terror="lain"][data-state="unknown"] {
	opacity: 0.2;
}

/* Icons (Alternate) */
div.icon[data-terror="feddys"] span {
	background-position: 0 35%;
}
div.icon[data-terror="TBH_SPY"] span {
	background-position: 5% 35%;
}
div.icon[data-terror="tragedy"] span {
	background-position: 10% 35%;
}
div.icon[data-terror="voidwalker"] span {
	background-position: 15% 35%;
}
div.icon[data-terror="paradise_bird"] span {
	background-position: 20% 35%;
}
div.icon[data-terror="lords_signal"] span {
	background-position: 25% 35%;
}
div.icon[data-terror="rabid_snarbolax"] span {
	background-position: 30% 35%;
}
div.icon[data-terror="MR_MEGA"] span {
	background-position: 35% 35%;
}
div.icon[data-terror="eggmans_announcement"] span {
	background-position: 40% 35%;
}
div.icon[data-terror="knight_of_toren"] span {
	background-position: 45% 35%;
}

div.icon[data-terror="decayed_sponge"] span {
	background-position: 50% 35%;
}
div.icon[data-terror="mona_and_the_mountain"] span {
	background-position: 55% 35%;
}
div.icon[data-terror="furnace"] span {
	background-position: 60% 35%;
}
div.icon[data-terror="army_in_black"] span {
	background-position: 65% 35%;
}
div.icon[data-terror="bliss"] span {
	background-position: 70% 35%;
}
div.icon[data-terror="glaggle_gang"] span {
	background-position: 75% 35%;
}
div.icon[data-terror="WHITEFACE"] span {
	background-position: 80% 35%;
}
div.icon[data-terror="SM64.Z64"] span {
	background-position: 85% 35%;
}
div.icon[data-terror="the_red_mist"] span {
	background-position: 90% 35%;
}

div.icon[data-terror="sanic"] span {
	background-position: 95% 35%;
}
div.icon[data-terror="s.t.g.m"] span {
	background-position: 100% 35%;
}
div.icon[data-terror="convict_squad"] span {
	background-position: 0 40%;
}
div.icon[data-terror="convict_squad"] span::after {
	background-position: 90% 45%;
}
div.icon[data-terror="fusion_pilot"] span {
	background-position: 5% 40%;
}
div.icon[data-terror="dev_maulers"] span {
	background-position: 10% 40%;
}
div.icon[data-terror="dev_maulers"] span::after {
	background-position: 100% 45%;
}
div.icon[data-terror="lisa"] span {
	background-position: 15% 40%;
}
div.icon[data-terror="apathy"] span {
	background-position: 20% 40%;
}

div.icon[data-terror="angry_munci"] span {
	background-position: 25% 40%;
}
div.icon[data-terror="ambush"] span {
	background-position: 30% 40%;
}
div.icon[data-terror="roblander"] span {
	background-position: 35% 40%;
}
div.icon[data-terror="walpurgisnacht"] span {
	background-position: 40% 40%;
}
div.icon[data-terror="sakuya_the_ripper"] span {
	background-position: 45% 40%;
}

div.icon[data-terror="teuthida"] span {
	background-position: 50% 40%;
}
div.icon[data-terror="judas"] span {
	background-position: 55% 40%;
}
div.icon[data-terror="the_navigator"] span {
	background-position: 60% 40%;
}

div.icon[data-terror="try_not_to_touch_me"] span {
	background-position: 65% 40%;
}

/* Icons (Moon) */
div.icon[data-terror="psychosis"] span {
	background-position: 5% 55%;
}
div.icon[data-terror="psychosis"] span::after {
	background-position: 70% 60%;
}
div.icon[data-terror="virus"] span {
	background-position: 10% 55%;
}
div.icon[data-terror="virus"] span::after {
	background-position: 80% 60%;
}
div.icon[data-terror="apocalypse_bird"] span {
	background-position: 15% 55%;
}
div.icon[data-terror="apocalypse_bird"] span::after {
	background-position: 90% 60%;
}
div.icon[data-terror="pandora"] span {
	background-position: 20% 55%;
}
div.icon[data-terror="pandora"] span::after {
	background-position: 100% 60%;
}

div.icon[data-terror="the_meatball_man"] span {
	background-position: 0% 55%;
}
div.icon[data-terror="the_meatball_man"] span::after {
	background-position: 60% 60%;
}