@import url(./MediaWiki:CosmeticsTables.css?action=raw&ctype=text/css);
@import url(./MediaWiki:Base64Files.css?action=raw&ctype=text/css);

:root {
	--fandom-global-nav-background-color: #1e0c1b;
	--fandom-global-nav-icon-border-color: #f5f3f5;
	--fandom-global-nav-link-color: #ffc500;
	--fandom-global-nav-text-color: #fff;
	--fandom-global-nav-link-color: #ffc500;
	--fandom-global-nav-link-color--hover: #997600;
	--fandom-global-nav-icon-color: #f5f3f5;
	--fandom-global-nav-icon-background-color: rgba(89, 83, 88, 0.5);
	--fandom-global-nav-icon-background-color--hover: #595358;
	--fandom-global-nav-icon-background-color--active: #595358;
	--fandom-global-nav-icon-border-color: #f5f3f5;
	--fandom-global-nav-icon-border-color--hover: hsla(0, 0%, 100%, 0.5);
	--fandom-global-nav-icon-border-color--active: #f5f3f5;
	--fandom-global-nav-bottom-icon-color: #f5f3f5;
	--fandom-global-nav-counter-background-color: #f5f3f5;
	--fandom-global-nav-counter-label-color: #520044;
	--fandom-global-nav-mobile-logo: url(https://deadbydaylight.fandom.com/resources-ucp/dist/svg/wds-brand-fandom-logo-light.svg);
	--fandom-global-nav-search-active-link-background-color: #595358;
	--fandom-global-nav-search-active-link-border-color: #fff;
	--fandom-global-nav-logo-separator-color: #d6d0d5;
	--fandom-global-nav-search-separator-color: #595358;
	--perk-switch-animation-durtation: 3s;
	--widget-frame-button-background: var(--theme-page-background-color)
}

.iconLink {
	display: inline-block;
	vertical-align: middle
}

.fandom-community-header__image img {
	max-width: 350px !important
}

.theme-fandomdesktop-dark .page__main {
	background: linear-gradient(90deg, var(--theme-page-background-color) 0%, #242424 50%, var(--theme-page-background-color) 100%)
}

.dynamicBox .dynamicContent,
.divTable .dynamicBox .dynamicContent {
	--border-dynBox-width: 2px;
	--text-dynBox-color: inherit;
	padding: 5px 5px 0 7px;
	margin: 0 7px;
	display: inline-block;
	color: var(--text-dynBox-color);
	background: var(--background-dynBox-color);
	border: 7px solid rgb(154 40 40 / 80%);
	border-image: repeating-linear-gradient(-45deg, var(--secondary-dynBox-color), var(--secondary-dynBox-color) 10px, var(--accent-dynBox-color) 10px, var(--accent-dynBox-color) 20px) 7;
	box-shadow: inset 0 0 0 var(--border-dynBox-width) var(--terciary-dynBox-color), inset 0px 0px 15px #000000, 0 0 0 var(--border-dynBox-width) var(--terciary-dynBox-color)
}

.dynamicBox .dynamicContent.ptb {
	--accent-dynBox-color: #3b144e;
	--secondary-dynBox-color: #531b6e;
	--terciary-dynBox-color: #30003c;
	--background-dynBox-color: #53006c54;
	--text-dynBox-color: #bcb1c0
}

.dynamicBox .dynamicContent.deletedBox {
	--accent-dynBox-color: #4e1414;
	--secondary-dynBox-color: #6e1b1b;
	--terciary-dynBox-color: #3c0000;
	--background-dynBox-color: #6c000054;
	--text-dynBox-color: #e7a5a5
}

.dynamicBox .dynamicContent.wipBox {
	--accent-dynBox-color: #4e4814;
	--secondary-dynBox-color: #6e671b;
	--terciary-dynBox-color: #3c3400;
	--background-dynBox-color: #61500054;
	--text-dynBox-color: #bbbaad
}

.dynamicBox {
	display: inline-block
}

.dynamicBox .dynamicTitle {
	font-size: smaller;
	font-weight: 500;
	color: #ffe28f;
	padding: 0 7px
}

.noticeWrapper .historyNotice {
	--accent-dynBox-color: #834d00;
	--secondary-dynBox-color: #af782e;
	--terciary-dynBox-color: #3c2300;
	--background-dynBox-color: #9b63009c;
	--text-dynBox-color: #cfb390 !important;
	--border-dynBox-width: 2px;
	--text-dynBox-color: inherit;
	padding: 5px 5px 0px 10px;
	color: var(--text-dynBox-color);
	font-size: 13px;
	font-style: italic;
	background: var(--background-dynBox-color);
	border: 7px solid rgb(154 40 40 / 80%);
	border-image: repeating-linear-gradient(-45deg, var(--secondary-dynBox-color), var(--secondary-dynBox-color) 10px, var(--accent-dynBox-color) 10px, var(--accent-dynBox-color) 20px) 7;
	box-shadow: inset 0 0 0 var(--border-dynBox-width) var(--terciary-dynBox-color), inset 0px 0px 15px #000000, 0 0 0 var(--border-dynBox-width) var(--terciary-dynBox-color)
}

.historyNoticeText {
	padding: 10px 0px;
	padding-right: 10px;
	text-align: justify
}

.noticeWrapper .historyNotice:before {
	content: '🛈';
	font-size: 28px;
	margin-right: 10px;
	vertical-align: middle;
	font-style: normal
}

.wipBox .ambox-image img {
	animation: wipGlow 1.5s infinite alternate
}

@keyframes wipGlow {
	from {
		filter: drop-shadow(0px 0px 0px #ffe40000)
	}

	to {
		filter: drop-shadow(0px 0px 50px #ffe40055) drop-shadow(0px 0px 5px #ffb400)
	}
}

.removedInfoBox .ambox-image img {
	animation: removedGlow 1.5s infinite alternate
}

@keyframes removedGlow {
	from {
		filter: drop-shadow(0px 0px 0px #0b0000f7)
	}

	to {
		filter: drop-shadow(0px 0px 50px #0d0800d1) drop-shadow(0px 0px 5px #c40601eb)
	}
}

.main-tome-wrapper {
	--tome-size: 256px
}

.main-tome-wrapper,
.game-element-bg-settings-size-tome {
	width: var(--tome-size);
	height: calc(var(--tome-size) * 1.25)
}

.tome-number {
	font-size: calc(0.1* var(--tome-size));
	font-weight: 600;
	font-family: 'Roboto';
	text-align: center;
	top: 78%;
	width: 100%
}

.tome-background {
	background-image: url(https://static.wikia.nocookie.net/deadbydaylight_gamepedia_en/images/a/a3/Tomes_BackgroundLayer.png)
}

.tome-foreground {
	background-image: url(https://static.wikia.nocookie.net/deadbydaylight_gamepedia_en/images/d/d4/Tomes_ForegroundLayer.png)
}

@property --angle {
	syntax: '<angle>';
	inherits: true;
	initial-value: 360deg
}

.effect-wrapper {
	--status-effect-main-size: 128px;
	--status-effect-duration: 15s;
	width: calc(var(--status-effect-main-size) * 1.22);
	height: var(--status-effect-main-size);
	position: relative
}

.effect-background {
	transition: 0.2s linear;
	height: var(--status-effect-main-size);
	width: var(--status-effect-main-size);
	background-size: contain;
	position: absolute;
	z-index: 1
}

.debuff .effect-background {
	background-image: url(https://static.wikia.nocookie.net/deadbydaylight_gamepedia_en/images/9/97/Statuseffect_progressfill_background_debuff.png)
}

.buff .effect-background {
	background-image: url(https://static.wikia.nocookie.net/deadbydaylight_gamepedia_en/images/f/f3/Statuseffect_progressfill_background_buff.png)
}

.effect-foreground {
	width: var(--status-effect-main-size);
	height: var(--status-effect-main-size);
	background-size: contain;
	position: absolute;
	mask-image: conic-gradient(#FFF 0deg var(--angle), transparent 0deg);
	z-index: 0;
	animation: status-effect-animation var(--status-effect-duration) linear infinite
}

.debuff .effect-foreground {
	background-image: url(https://static.wikia.nocookie.net/deadbydaylight_gamepedia_en/images/d/db/Statuseffect_progressfill_thick_debuff.png)
}

.buff .effect-foreground {
	background-image: url(https://static.wikia.nocookie.net/deadbydaylight_gamepedia_en/images/6/6e/Statuseffect_progressfill_thick_buff.png)
}

.effect-foreground-wrapper {
	filter: drop-shadow(0px 0px 2px black) drop-shadow(-1px -1px 0px #000000d4) drop-shadow(-1px -1px 0px #0000009e);
	z-index: 2;
	position: absolute
}

@keyframes status-effect-animation {
	0% {
		--angle: 360deg
	}

	100% {
		--angle: 0deg
	}
}

.effect-tier {
	height: var(--status-effect-main-size);
	width: var(--status-effect-main-size);
	background-position: right;
	background-size: contain;
	z-index: 4;
	position: absolute;
	right: 0
}

.buff .effect-tier {
	rotate: 180deg;
	background-position: left
}

.effect-tier.effect-tier-1 {
	background-image: url(https://static.wikia.nocookie.net/deadbydaylight_gamepedia_en/images/4/49/StatusEffect_arrows01.png);
	background-repeat: no-repeat
}

.effect-tier.effect-tier-2 {
	background-image: url(https://static.wikia.nocookie.net/deadbydaylight_gamepedia_en/images/7/7f/StatusEffect_arrows02.png);
	background-repeat: no-repeat
}

.effect-tier.effect-tier-3 {
	background-image: url(https://static.wikia.nocookie.net/deadbydaylight_gamepedia_en/images/b/bd/StatusEffect_arrows03.png);
	background-repeat: no-repeat
}

.effect-icon {
	--size-icon: calc(var(--status-effect-main-size)* 0.57);
	position: absolute;
	z-index: 3;
	scale: calc(var(--size-icon) / 128)
}

.imgSpriteWrapper img {
	position: relative;
	scale: calc(var(--real-sprite-img-size-raw) / var(--main-sprite-size-raw));
	transform-origin: top left;
	right: calc(var(--real-sprite-img-size)* var(--sprite-x-pos));
	bottom: calc(var(--real-sprite-img-size)* var(--sprite-y-pos))
}

.imgSpriteWrapper {
	width: var(--real-sprite-img-size);
	height: var(--real-sprite-img-size);
	overflow: hidden
}

@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	src: local('Roboto Regular'), local('Roboto-Regular'), url(/media/hydra/fonts/Roboto-Regular.ttf) format('truetype')
}

@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	src: local('Roboto Bold'), local('Roboto-Bold'), url(/media/hydra/fonts/Roboto-Bold.ttf) format('truetype')
}

body.theme-fandomdesktop-light a {
	color: #b9a05a;
	text-shadow: 0 2px #dad5c8, 0 2px 2px #bb9c56
}

a:hover {
	color: #fff0ca !important;
	m
}

p:has(+.inline-flex),
.inline-flex+p {
	display: inline-flex
}

.page__right-rail {
	z-index: 5
}

.wds-widget-frame__header {
	gap: 6px;
	flex-direction: row-reverse;
	justify-content: flex-end
}

.wds-text-card {
	background-color: var(--theme-page-background-color)
}

.wds-text-card .wds-text-card__title {
	color: var(--theme-link-color)
}

.wds-text-card .wds-text-card__title--link:hover,
.wds-card-vertical__image-container--hoverable:hover+.wds-text-card .wds-text-card__title--link {
	color: #fff0ca
}

@media only screen and (min-width:768px) {
	.wds-widget-frame .alice-carousel__arrow {
		background-color: var(--theme-page-background-color)
	}
}

@media only screen and (min-width:768px) {
	.wds-widget-frame .alice-carousel__arrow:hover {
		background-color: var(--theme-page-background-color--secondary)
	}
}

a[title="User:DocOctober"],
a[title="User:Jouki"],
a[title="User:FichteHiro"],
a[title="User:Curly Bill Cipher"],
a[title="User:MrGrrimes"],
a[title="User:TheRealLuBu"],
a[title="User:Masusder"] {
	color: #ebbb34;
	font-weight: 500
}

a[title="User:R34l R1ch4rd N1x0n"],
a[title="User:ReverseVelocity"] {
	color: #5ac6bb
}

a[title="User:Legusvevo"],
a[title="User:Pokedude1110"],
a[title="User:Fan of Murder"],
a[title="User:Kyrope"],
a[title="User:MathUnsolver"],
a[title="User:Fusioncore21"] {
	color: #408d85
}

#discord-widget .widgetHeader-1cAbIw {
	background-color: #4e4731
}

#discord-widget a.widgetLogo--cR2RT {
	filter: sepia(1) saturate(9.3) hue-rotate(329deg) brightness(0.80)
}

.wds-banner-notification__container>.wds-banner-notification--suggested-page {
	display: none
}

.fandom-community-header__background.cover {
	background-position: 50% 7%;
	background-size: 120%
}

.page-content {
	overflow: initial !important
}

.page-content p {
	margin: 0 0 5px
}

.mw-parser-output>p a {
	text-decoration: unset !important
}

.mobileView {
	display: none
}

.pcWikitable,
.pcView {
	display: revert !important
}

.resizable-container {
	max-width: 1350px
}

.fandom-sticky-header {
	background: linear-gradient(90deg, rgba(83, 76, 60, 1) 0%, rgb(116 108 86) 50%, rgba(83, 76, 60, 1) 100%) !important;
	box-shadow: 0 2px 6px 1px rgb(0 0 0 / 55%) !important
}

.sitenotice-wrapper {
	max-height: 350px;
	width: 540px
}

.sitenotice-wrapper__modal .wds-dialog__wrapper {
	box-shadow: 0px 0px 16px 2px black
}

.sitenotice-wrapper__modal-content .sitenotice img {
	display: block;
	margin-left: auto;
	margin-right: auto
}

.wds-dialog__content.sitenotice-wrapper__modal-content .sitenotice {
	width: 520px;
	padding: 10px
}

.sitenotice {
	max-height: unset !important;
	text-align: justify
}

#mw-dismissable-notice {}

#mw-dismissable-notice td>a {}

#mw-dismissable-notice td>a:hover {}

#localNotice {
	border-radius: 5px;
	border: 2px solid #1f1f1f;
	background: #000000 url(https://static.wikia.nocookie.net/deadbydaylight_gamepedia_en/images/0/05/Tbl-bg.jpg/revision/latest?cb=20230414192023/revision/latest?cb=20230414192023) left;
	background-size: contain;
	box-shadow: inset 0px 0px 45px 5px rgba(0, 0, 0, 0.7), 0 0 5px 0 #000000;
	color: #aaa9a9;
	margin: 0 0 10px 0;
	padding: 0
}

.sitedir-ltr .mw-dismissable-notice-body {
	margin: 0.5em
}

.tooltip {
	position: relative;
	display: inline-block;
	border-bottom: 2px dotted;
	border-color: #656565;
	height: 24px;
	cursor: help
}

.disableTooltip .tooltiptext {
	display: none
}

.tooltip.borderless {
	border-bottom: revert;
	border-color: revert
}

.tooltip .tooltiptext {
	width: 240px;
	max-height: 0px;
	min-width: min-content;
	overflow: hidden;
	background-color: #151515;
	color: #fff;
	box-shadow: 0px 1px 13px 5px #000000a8, 0px 0px 5px 2px #00000066;
	font-family: "rubik";
	text-align: center;
	border-radius: 6px;
	position: absolute;
	z-index: 1;
	bottom: 125%;
	opacity: 0;
	border: solid 0px #e2ce9791;
	transition: padding 0s 0.2s, max-height 0s 0.2s, border-width 0s 0.2s, opacity 0.2s 0s
}

.tooltip:not(.linkIncluded) .tooltiptext {
	pointer-events: none
}

.tooltipBaseText::after {
	content: " ⓘ";
	font-size: 12px;
	font-weight: 600;
	vertical-align: middle
}

.iconless::after {
	content: unset
}

.tooltip .tooltiptext::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-color: #151515 transparent transparent transparent
}

.tooltipBaseText:hover~.tooltiptext,
.tooltip.linkIncluded .tooltiptext:hover {
	opacity: 1;
	z-index: 1000;
	max-height: 1000px;
	overflow: auto;
	padding: 8px 10px;
	border: solid 1.4px #e2ce9791;
	transition: padding 0s 0s, max-height 0s 0s, border-width 0s 0s, opacity 0.2s
}

.pcView.pcIconLink {
	display: inline-flex !important
}

.pcView.pcIconLink .tooltip {
	width: 100%;
	height: 100%
}

.pcView.pcIconLink .tooltipBaseText a img,
.pcView.pcIconLink>a img {
	width: 100%;
	height: 100%
}

.tooltiptext table,
.tooltiptext .perkWrapper {
	text-align: left
}

.floatRight {
	float: right
}

.floatLeft {
	float: left
}

.relative {
	position: relative
}

.absolute {
	position: absolute
}

.inline-flex {
	display: inline-flex
}

.flex {
	display: flex
}

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

.margin-auto {
	margin: auto
}

.minContent {
	width: min-content
}

.maxContent {
	width: max-content
}

.left {
	text-align: left
}

.page-content .center {
	width: revert
}

.display-none,
.dnone {
	display: none
}

.bold {
	font-weight: 600
}

.italic {
	font-style: italic
}

.smallerText {
	font-size: smaller !important
}

.pre {
	display: inline-block;
	white-space: pre-line;
	font-family: monospace;
	background: #323232;
	padding: 7px 15px
}

.pre.inline {
	padding: 1px 5px;
	display: inline
}

hr {
	border: none;
	border-bottom: 1px solid #343434c7;
	margin: 13pt 0
}

#queryform,
div.specialCargoQuery-extraPane {
	background: #323232;
	color: var(--theme-page-text-color)
}

.ve-ui-modeSwitchPopupButtonWidget-visualSwitch {
	opacity: 0.5;
	pointer-events: none
}

.ve-ui-modeSwitchPopupButtonWidget-visualSwitch::after {
	content: "Visual Editing is disabled on DBD Wiki"
}

.ve-ui-modeSwitchPopupButtonWidget-visualSwitch .oo-ui-labelElement-label {
	display: none
}

.wikitable {
	border-color: #1f1f1f !important
}

table.wikitable {
	font-size: 10pt;
	border-radius: 2px;
	box-shadow: 0 0 5px 0 #000000;
	background: #0b0b0b !important;
	color: #aaa9a9;
	margin: 0 0 10px 0;
	padding: 0
}

table.wikitable th,
table.wikitable tr th,
table.wikitable>tr>th,
table.wikitable>*>tr>th,
div.dbdDiv {
	border: 1px solid #1f1f1f;
	background: #000000 url(https://static.wikia.nocookie.net/deadbydaylight_gamepedia_en/images/0/05/Tbl-bg.jpg/revision/latest?cb=20230414192023);
	background-position: left center;
	background-size: cover;
	box-shadow: inset 0 0 45px 5px rgba(0, 0, 0, 0.7), 0 0 5px 0 #000000;
	color: #ffffff;
	font-weight: bold;
	padding: 0 3px 1px 3px
}

table.wikitable td,
table.wikitable tr td,
table.wikitable>tr>td,
table.wikitable>*>tr>td,
.ooui-theme-fandomooui .wikitable>*>tr>td {
	border: 1px solid #1f1f1f;
	background: transparent;
	color: #aaa9a9;
	padding: 4pt 8pt
}

.ooui-theme-fandomooui .wikitable>*>tr>th {
	border: 1px solid #1f1f1f;
	padding: 4pt 8pt;
	text-align: center
}

td.mergeRight {
	border-right: 0px !important
}

td.mergeRight+td {
	border-left: 0px !important
}

table.jquery-tablesorter th.headerSort,
table.jquery-tablesorter th.headerSortDown,
table.jquery-tablesorter th.headerSortUp {
	background: #000000 url(https://static.wikia.nocookie.net/deadbydaylight_gamepedia_en/images/0/05/Tbl-bg.jpg/revision/latest?cb=20230414192023) left !important
}

.ooui-theme-fandomooui .WikiaTable.jquery-tablesorter .headerSort:after,
.ooui-theme-fandomooui .WikiaTable.jquery-tablesorter .headerSort:before,
.ooui-theme-fandomooui .article-table.jquery-tablesorter .headerSort:after,
.ooui-theme-fandomooui .article-table.jquery-tablesorter .headerSort:before,
.ooui-theme-fandomooui .wikitable.jquery-tablesorter .headerSort:after,
.ooui-theme-fandomooui .wikitable.jquery-tablesorter .headerSort:before {
	background-color: #e2ce97 !important
}

table.smwtable {
	border-radius: 2px;
	border: 2px solid #1f1f1f;
	box-shadow: 0 0 5px 0 #000000;
	background: #0b0b0b;
	color: #aaa9a9;
	margin: 0 0 10px 0;
	padding: 0
}

table.smwtable th {
	border: 1px solid #1f1f1f;
	background: #000000 url(https://static.wikia.nocookie.net/deadbydaylight_gamepedia_en/images/0/05/Tbl-bg.jpg/revision/latest?cb=20230414192023) left;
	background-size: contain;
	box-shadow: inset 0 0 45px 5px rgba(0, 0, 0, 0.7);
	color: #aaa9a9;
	font-weight: bold;
	padding: 0 3px 1px 3px
}

table.smwtable td {
	border: 1px solid #1f1f1f;
	background: transparent;
	color: #aaa9a9;
	padding: 0 3px 1px 3px
}

.smwrdflink {
	color: #e2c99e
}

div.smwfact {
	border: none;
	background: transparent;
	margin: 0;
	padding: 0
}

.ambox {
	border-radius: 5px;
	border: 2px solid #1f1f1f;
	background: #000000 url(https://static.wikia.nocookie.net/deadbydaylight_gamepedia_en/images/0/05/Tbl-bg.jpg/revision/latest?cb=20230414192023) left;
	background-size: contain;
	box-shadow: inset 0 0 45px 5px rgba(0, 0, 0, 0.7);
	color: #aaa9a9;
	border-collapse: collapse;
	font-size: 95%;
	margin: 0 auto 10px auto;
	padding: 3px 6px;
	width: 80%
}

.ambox-gray {
	border-left-color: #383838
}

.ambox.ambox-tiny {
	font-size: 90%;
	margin: 2px 0;
	width: auto
}

.ambox+.ambox {
	margin-top: -10px
}

.ambox-text {
	padding: 0.25em 0.5em
}

.ambox-image {
	padding: 2px 0px 2px 0.5em;
	text-align: center;
	width: 60px
}

.ambox-tiny .ambox-image {
	padding: 2px 0.5em;
	text-align: left;
	width: auto
}

.ambox-blue {
	border-left: 10px solid #1e90ff
}

.ambox-red {
	border-left: 10px solid #b22222
}

.ambox-orange {
	border-left: 10px solid #f28500
}

.ambox-yellow {
	border-left: 10px solid #f4c430
}

.ambox-purple {
	border-left: 10px solid #9932cc
}

.ambox-gray {
	border-left: 10px solid #bba
}

.ambox-green {
	border-left: 10px solid #228b22
}

.amsmalltext {
	font-size: smaller;
	margin-left: 0.8em;
	margin-top: 0.5em
}

.fpcontent {
	width: 100%;
	overflow: hidden;
	z-index: 1
}

.fpmaybecols {
	overflow: hidden;
	margin: -5px 0 -5px 0
}

.fpmaybecols+.fpmaybecols {
	margin: 0 0 -5px 0
}

.fpbox {
	border-radius: 5px;
	border: 2px solid #1f1f1f;
	background: #000000 url(https://static.wikia.nocookie.net/deadbydaylight_gamepedia_en/images/0/05/Tbl-bg.jpg/revision/latest?cb=20230414192023) left;
	background-size: 100% !important;
	box-shadow: inset 0 0 45px 5px rgba(0, 0, 0, 0.7), 0 0 5px 0 #000000;
	color: #aaa9a9;
	margin: 5px 5px 5px 5px;
	padding: 5px 5px 5px 5px
}

.fpplainbox {
	padding: 5px 8px 10px 8px;
	margin: 0 5px 10px 5px;
	vertical-align: top
}

.fpbox .welcome {
	border-bottom: 1px solid #1f1f1f;
	font-family: 'Roboto', sans-serif;
	color: #ffffff;
	text-transform: uppercase;
	font-size: 150%;
	text-align: center;
	margin: 0 0 10px 0;
	padding: 0 0 5px 0
}

.fpbox .heading {
	border-bottom: 1px solid #1f1f1f;
	font-family: 'Roboto', sans-serif;
	color: #ffffff;
	font-variant: small-caps;
	font-size: 132%;
	margin: 0 0 10px 0;
	padding: 0 0 5px 0
}

.fpbox .heading .smalllink {
	color: #aaa9a9;
	font-weight: bold;
	font-size: 75%
}

.fpbox hr {
	border: none;
	border-bottom: 2px solid #1f1f1f
}

.fplinks {}

.fplinks.charSection {
	display: flex;
	flex-wrap: wrap;
	justify-content: center
}

.fplinks .linkslabel {
	border-bottom: 2px solid #1f1f1f;
	background: transparent;
	margin: 15px 5px 5px 5px;
	padding: 0 0 5px 0
}

.fplink {
	display: inline-block;
	vertical-align: middle;
	margin: 5px 4.5px
}

.fplink .box {
	display: table;
	width: 100%;
	height: 100%;
	border-collapse: separate
}

.fplink .box .row {
	display: table-row
}

.fplink .box .row .cell {
	display: table-cell;
	position: relative;
	font-family: 'Roboto', sans-serif;
	border-radius: 5px;
	border: none;
	background: #232323;
	box-shadow: 0 0 5px 0 #000000;
	color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	transition: 0.1s
}

.fplink.wide .box .row .cell {
	padding: 0 5px
}

.helpBox tr td:nth-child(2) {
	padding-right: 50px
}

.charMainPageBox {
	margin: 5px 4.5px;
	min-width: 150px;
	min-height: 150px;
	width: 150px;
	height: 150px;
	transition: 0.2s;
	transition-delay: 0.25s
}

.charMainPageBox:hover {
	height: 200px;
	transition-delay: 0s
}

.charPerkBox {
	position: absolute;
	height: 50px;
	width: 100%;
	top: 150px;
	padding-top: 5px;
	z-index: 3;
	background-color: #232323;
	-webkit-box-shadow: inset 0px 4px 10px 0px #00000087
}

.charMainPageBox:hover .charPerkBox {
	bottom: 0;
	transition: 0.2s
}

.cell .charPerkBox>a {
	display: inline;
	padding: 3px
}

.charMainPageBox:hover .cell .charPerkBox>a {
	filter: saturate(0.9) brightness(0.8) drop-shadow(1px 2px 2px black)
}

.charMainPageBox .row .cell .charPerkBox>a:hover {
	filter: saturate(1) brightness(1) drop-shadow(1px 4px 6px black)
}

.charMainPageBox .cell .charPerkBox .game-element-container .teachable-perk-element {
	filter: saturate(0.9) brightness(0.8) drop-shadow(1px 2px 2px black)
}

.charMainPageBox .cell .charPerkBox .game-element-container .game-element-imgObject {
	filter: saturate(0.9) brightness(0.8)
}

.charMainPageBox .row .cell .charPerkBox .game-element-container:hover .teachable-perk-element {
	filter: saturate(1) brightness(1) drop-shadow(1px 4px 6px black)
}

.charMainPageBox .row .cell .charPerkBox .game-element-container:hover .game-element-imgObject {
	filter: saturate(1) brightness(1)
}

.fplink.image .box .row .cell {
	width: 150px;
	height: 150px;
	vertical-align: bottom;
	overflow: hidden;
	background-image: url(https://static.wikia.nocookie.net/deadbydaylight_gamepedia_en/images/2/2d/Empty_Preview.png);
	background-size: contain;
	background-repeat: no-repeat
}

.fplink.image .box .row .mapCell.cell {
	background-size: 100% 100%;
	background-position: center
}

.fplink.image .box .row .mapCell.cell {
	background-image: url(https://static.wikia.nocookie.net/deadbydaylight_gamepedia_en/images/0/0a/EmptyWide.png)
}

.fplink.realmMainPageBox.image .box .row .cell {
	height: 200px
}

.fplink.image .box .row .cell .image img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	-webkit-filter: drop-shadow(0px 0px 13px rgba(0, 0, 0, 1))
}

@media (min-width:990px) {
	.fpcontent {
		padding-right: 520px;
		width: auto
	}

	#fptopsection {
		float: left;
		width: 100%
	}

	#fpflexsection {
		float: right;
		width: 520px;
		margin-right: -520px
	}

	#fpbottomsection {
		float: left;
		width: 100%;
		margin-top: -5px
	}

	#fptopsection .fpbox,
	#fpbottomsection .fpbox {
		background: #000000 url(https://static.wikia.nocookie.net/deadbydaylight_gamepedia_en/images/0/05/Tbl-bg.jpg/revision/latest?cb=20230414192023) left;
		box-shadow: inset 0 0 45px 5px rgba(0, 0, 0, 0.7)
	}

	#fpflexsection .fpbox {
		background: #0b0b0b
	}
}

@media (min-width:1430px) {
	.fplink a {
		padding: 3px 5px
	}
}

@media (min-width:1540px) {

	#fptopsection .fpmaybercol .fpbox,
	#fpbottomsection .fpmaybercol .fpbox {
		background-image: none
	}

	.fpmaybelcol {
		float: left;
		width: 70.886%
	}

	.fpmaybercol {
		float: right;
		width: 29.113%
	}
}

.fplink.realmMainPageBox {
	width: 301px;
	margin: 7px 10px
}

@media (min-width:2200px) {
	.wikiEditor-ui-text div.ui-resizable {
		height: 1000px !important
	}
}

@media (min-width:2420px) {
	.fplink a {
		padding: 5px 5px
	}
}

.fplink.image .image {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	font-size: 75%;
	z-index: 1
}

.fplink.image a {
	z-index: 2
}

.fplink a {
	display: block;
	position: relative;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 1px 5px
}

.fplink.image .image a {
	padding: 0;
	height: 100%
}

.fplinks.unlockables .fplink.image .image a,
.fplinks.game .fplink.image .image a,
.fplinks.currencies .fplink.image .image a,
.fplinks.charProgress .fplink.image .image a,
.fplinks.stores .fplink.image .image a,
.fplinks.interactables .fplink.image .image a {
	padding: 15px;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center
}

.fplink.image .link a {
	background: #19263e;
	background: rgba(62, 54, 25, 0.5);
	font-size: 80%
}

.fplink.image .link a:hover {
	background: rgba(0, 0, 0, 0.65)
}

.fplink.wide a {
	margin: 0 -5px
}

.fpvideos {
	margin: 0 auto;
	overflow: hidden;
	text-align: center
}

.fpvideo {
	display: inline-block;
	margin: 0 5px
}

.infoboxtable {
	float: right;
	border-radius: 5px;
	border: 2px solid #1f1f1f;
	box-shadow: 0 0 5px 0 #000000;
	background: #0b0b0b;
	color: #aaa9a9;
	margin: 0 5px 10px 0;
	padding: 3px 6px
}

.infoboxtable td {
	vertical-align: top
}

.infoboxtable td>div {
	border: none;
	background: #292929;
	color: #ffffff;
	font-weight: bold;
	padding: 0.5px 7px;
	text-align: right
}

.infoboxname {
	border-bottom: 1px solid #1f1f1f;
	font-family: 'Roboto', sans-serif;
	color: #ffffff;
	text-transform: uppercase;
	padding: 8px
}

.infoboxdetails {
	padding: 0
}

.hiddenInfobox {
	float: right
}

table.nav {
	border-radius: 2px;
	border: 2px solid #1f1f1f;
	box-shadow: 0 0 5px 0 #000000;
	background: #0b0b0b;
	color: #aaa9a9;
	margin: 0 auto 10px auto;
	padding: 0;
	clear: both
}

table.nav th,
table.nav tr th,
table.nav>tr>th,
table.nav>*>tr>th {
	border: 1px solid #1f1f1f;
	background: #000000 url(https://static.wikia.nocookie.net/deadbydaylight_gamepedia_en/images/0/05/Tbl-bg.jpg/revision/latest?cb=20230414192023) left;
	background-size: cover;
	box-shadow: inset 0 0 45px 5px rgba(0, 0, 0, 0.7);
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
	margin: 0;
	padding: 0 5px 5px 5px
}

table.nav td,
table.nav tr td,
table.nav>tr>td,
table.nav>*>tr>td {
	border: 1px solid #1f1f1f;
	background: transparent;
	color: #aaa9a9;
	margin: 0;
	padding: 3px 11px 8px 11px
}

table.nav td.list,
table.nav tr td.list,
table.nav>tr>td.list,
table.nav>*>tr>td.list {
	padding: 0
}

table.nav td .item {
	display: inline-block;
	border-left: 1px solid #1f1f1f;
	margin: 3px 0 6px 0;
	padding: 0 11px 2px 11px;
	vertical-align: top
}

table.nav td .item:first-child {
	border: none
}

.contentbox {
	border-radius: 5px;
	border: 2px solid #1f1f1f;
	background: #000000 url(https://static.wikia.nocookie.net/deadbydaylight_gamepedia_en/images/0/05/Tbl-bg.jpg/revision/latest?cb=20230414192023) left;
	background-size: contain;
	box-shadow: inset 0 0 45px 5px rgba(0, 0, 0, 0.7), 0 0 5px 0 #000000;
	color: #aaa9a9;
	margin: 0 0 10px 0;
	padding: 3px 6px;
	overflow: auto
}

span.bullet {
	background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAANAQMAAABb8jbLAAAABlBMVEVvcnSw/2O5S7OkAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfgBhgHBTp+SQCAAAAAE0lEQVQI12NgQAEFDD/AsICBAQAakgPJO2sGpQAAAABJRU5ErkJggg==) no-repeat center 60%;
	width: 9px;
	font-size: 11px;
	vertical-align: baseline
}

.dablink {
	padding: 2px 36px 10px 36px;
	font-style: italic
}

span.ghost {
	color: #7c8a83
}

.columns {
	padding: 0;
	margin: 10px 0 0 0;
	overflow: hidden
}

.columns .leftcol {
	float: left;
	width: 50%;
	margin: 0;
	padding: 0
}

.columns .centercol {
	float: left;
	margin: 0;
	padding: 0
}

.columns .rightcol {
	float: right;
	width: 50%;
	margin: 0;
	padding: 0
}

.langBox {
	float: right;
	position: relative;
	top: -10px;
	right: 7px;
	font-size: small;
	font-weight: 500;
	color: #aaa9a9;
	padding: 4px 7px;
	border: 1px solid var(--theme-border-color)
}

.language-table td {
	padding: 0 10px;
	border: 0
}

.mobile-inline-languages {
	display: none
}

.diff {
	border-collapse: collapse;
	font-size: 11pt
}

.diff td.diff-addedline,
.diff td.diff-deletedline,
.diff td.diff-context {
	border: solid;
	border-width: 0 0 0 4px;
	border-radius: 0;
	vertical-align: middle
}

.diff td.diff-addedline {
	border-color: #1dbd5e;
	background-color: #0e80348f
}

.diff td.diff-deletedline {
	border-color: #ff4343;
	background-color: #b41c2d99
}

.diff td.diff-context {
	border-color: #505050
}

.diff-addedline .diffchange,
.diff-deletedline .diffchange {
	border-radius: 0.13em;
	padding: 2px 2px
}

.diff-context {
	background: #383838;
	color: revert
}

.diff-addedline .diffchange {
	background: #867109
}

.diff-deletedline .diffchange {
	background: #9e3a3a
}

#pagehistory li.selected {
	background-color: #3e3e3e;
	color: #d6d6d6;
	border: 1px dashed #a2a9b1;
	text-shadow: 1.5px 1.5px 0 #0000008a
}

#pagehistory li {
	font-size: 14px;
	border-color: #5f5f5f;
	padding: 5px
}

.mw-plusminus-pos {
	color: #2b882b
}

.mw-plusminus-neg {
	color: #ff4343
}

.cm-mw-matchingbracket {
	background-color: #4b4b4b;
	box-shadow: inset 0 0 1px 1px #999;
	font-weight: bold !important
}

b code span,
b code.mw-highlight {
	font-weight: 600 !important
}

pre {
	white-space: pre-wrap
}

code.mw-highlight {
	background: #474747;
	font-size: 15px;
	font-weight: 400;
	padding: 1px 2px;
	border: dashed 1px #454545
}

.page-content pre {
	border: 2px dashed #2e2e2e;
	background: #323232
}

.mw-editform #wpTextbox1 {
	background: #303030;
	color: #ececec
}

.wikiEditor-ui-toolbar {
	background-color: #3f4346;
	background-image: -webkit-linear-gradient(top, #4f5858 0, #3b3f44 32px);
	background-image: -moz-linear-gradient(top, #fdfefe 0, #e8f2f8 32px);
	background-image: linear-gradient(#4f5258 0, #3b3f44 32px)
}

.wikiEditor-ui-toolbar .sections .section {
	border-top: 1px solid #696969;
	background-color: #3a3d42
}

.wikiEditor-ui-toolbar .tabs span.tab a,
.wikiEditor-ui-toolbar .tabs span.tab a:visited {
	color: #ddc994
}

.wikiEditor-ui-toolbar .tabs span.tab a.current,
.wikiEditor-ui-toolbar .tabs span.tab a.current:visited {
	color: #b4b6b6
}

.wikiEditor-ui-toolbar .group .label {
	color: #b6b6b6
}

.mw-highlight .s1 {
	color: #dedb73
}

.mw-highlight .s2 {
	color: #dedb73
}

.mw-highlight .c1 {
	color: #717171
}

.mw-highlight .kc {
	color: #59abd2;
	font-weight: bold
}

.mw-highlight .mi {
	color: #ff6262
}

.mw-highlight .mf {
	color: #ff9456
}

.mw-highlight .mh {
	color: #e2e2e2
}

.mw-highlight .k {
	color: #4aabab
}

.mw-highlight .nf {
	color: #4dbdff
}

.mw-highlight .kd {
	color: #bb7340
}

.mw-highlight .kt {
	color: #ce4f7d
}

.mw-highlight .hll {
	background-color: #636363
}

.mw-highlight .hll span {
	text-shadow: 1px 0.8px 0.5px #00000080
}

.mw-highlight .nt,
.mw-highlight .nb {
	color: #67b567
}

.mw-highlight .nn,
.mw-highlight .nc {
	color: #5e73da
}

.mw-highlight .nd {
	color: #c567ff
}

.mw-highlight .n,
.mw-highlight .nx {
	color: #e5e5e5
}

.wikitable tr th,
.wikitable tr td {
	text-align: revert
}

.BG-All {
	background-size: 104% 102% !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	min-width: 128px;
	min-height: 128px;
	width: 128px;
	height: 128px;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
	color: white !important;
	text-align: center !important;
	font-size: larger;
	font-weight: bold
}

.BPBG-All,
.CosmeticsBG-All {
	padding-top: 8px !important
}

.CosmeticsBG-All {
	min-width: 256px;
	min-height: 256px
}

td.CosmeticsBG-All {
	height: 256px
}

.ISACBG-All,
td.ISACBG-All {
	min-width: 100px;
	max-width: 140px
}

.CosmeticsBG-All img {
	-webkit-filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.7))
}

.CosmeticsBG-Visceral {
	position: relative
}

.CosmeticsBG-Visceral::before {
	content: "";
	background: url(https://static.wikia.nocookie.net/deadbydaylight_gamepedia_en/images/b/b0/VisceralBG.png) content-box !important;
	background-size: inherit !important;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	scale: 91%
}

.ISBG img {
	-webkit-filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.4))
}

.mw-collapsed:not(.mw-changeslist-line) {
	width: 250px
}

.cosmeticsTable:not(.mw-collapsed),
.collapseTable:not(.mw-collapsed) {
	width: 100%
}

.SoS-IS {
	height: 105px
}

.PerkCostsBG {
	width: 140px
}

.BPBG {
	background-image: url(https://static.wikia.nocookie.net/deadbydaylight_gamepedia_en/images/4/4a/BP_BG.png) !important
}

.BPBG-0 {
	background-image: url(https://static.wikia.nocookie.net/deadbydaylight_gamepedia_en/images/c/c7/BP_BG_Uncommon.png) !important;
	filter: grayscale(1) brightness(1.3)
}

.BPBG-1 {
	background-image: url(https://static.wikia.nocookie.net/deadbydaylight_gamepedia_en/images/3/3c/BP_BG_Common.png) !important
}

.BPBG-2 {
	background-image: url(https://static.wikia.nocookie.net/deadbydaylight_gamepedia_en/images/c/c7/BP_BG_Uncommon.png) !important
}

.BPBG-3 {
	background-image: url(https://static.wikia.nocookie.net/deadbydaylight_gamepedia_en/images/2/25/BP_BG_Rare.png) !important
}

.BPBG-4 {
	background-image: url(https://static.wikia.nocookie.net/deadbydaylight_gamepedia_en/images/1/13/BP_BG_Very_Rare.png) !important
}

.BPBG-5 {
	background-image: url(https://static.wikia.nocookie.net/deadbydaylight_gamepedia_en/images/f/fd/BP_BG_Ultra_Rare.png) !important
}

.BPBG-6 {
	background-image: url(https://static.wikia.nocookie.net/deadbydaylight_gamepedia_en/images/7/74/BP_BG_Legendary.png) !important
}

.BPBG-7 {
	background-image: url(https://static.wikia.nocookie.net/deadbydaylight_gamepedia_en/images/3/32/BP_BG_Event.png) !important
}

.BPBG-Buff {
	background-image: url(https://static.wikia.nocookie.net/deadbydaylight_gamepedia_en/images/2/28/Buff_BG.png) !important
}

.SquareBG-ISAC-enh,
.ISACBG {
	background-image: url(https://static.wikia.nocookie.net/deadbydaylight_gamepedia_en/images/5/53/Dbd-dual.png) !important
}

.SquareBG-AC-enh,
.ACBG {
	background-image: url(https://static.wikia.nocookie.net/deadbydaylight_gamepedia_en/images/c/cd/Dbd-auric-cells.png) !important;
	text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.7), 1px 1px 3px rgba(0, 0, 0, 0.7), 1px 1px 5px rgba(0, 0, 0, 0.4)
}

.SquareBG-IS-enh,
.ISBG {
	background-image: url(https://static.wikia.nocookie.net/deadbydaylight_gamepedia_en/images/e/e1/Dbd-iridescentshards.png) !important
}

.BPTBG {
	background-image: url(https://static.wikia.nocookie.net/deadbydaylight_gamepedia_en/images/a/ad/Dbd-teachable.png) !important
}

.SquareBG-1 {
	background-image: url(https://static.wikia.nocookie.net/deadbydaylight_gamepedia_en/images/a/a8/Dbd-addons-common.png) !important
}

.SquareBG-2 {
	background-image: url(https://static.wikia.nocookie.net/deadbydaylight_gamepedia_en/images/d/dc/Dbd-addons-uncommon.png) !important
}

.SquareBG-3 {
	background-image: url(https://static.wikia.nocookie.net/deadbydaylight_gamepedia_en/images/1/19/Dbd-addons-rare.png) !important
}

.SquareBG-4 {
	background-image: url(https://static.wikia.nocookie.net/deadbydaylight_gamepedia_en/images/f/f2/Dbd-addons-veryrare.png) !important
}

.SquareBG-5 {
	background-image: url(https://static.wikia.nocookie.net/deadbydaylight_gamepedia_en/images/b/be/Dbd-addons-ultrarare.png) !important
}

.SquareBG-6 {
	background-image: url(https://static.wikia.nocookie.net/deadbydaylight_gamepedia_en/images/6/63/Dbd-legendary.png) !important
}

.SquareBG-7 {
	background-image: url(https://static.wikia.nocookie.net/deadbydaylight_gamepedia_en/images/a/a1/Dbd-events.png) !important
}

.SquareBG-8 {
	background-image: url(https://static.wikia.nocookie.net/deadbydaylight_gamepedia_en/images/4/45/Dbd-artefact.png) !important
}

.SquareBG-9 {
	background-image: url(https://static.wikia.nocookie.net/deadbydaylight_gamepedia_en/images/4/4c/Dbd-spectral.png) !important
}

.SquareBG-buff {
	background-image: url(https://static.wikia.nocookie.net/deadbydaylight_gamepedia_en/images/c/c1/Dbd-buff-square.png) !important
}

.SquareBG-debuff {
	background-image: url(https://static.wikia.nocookie.net/deadbydaylight_gamepedia_en/images/3/39/Dbd-debuff-square.png) !important
}

.SquareBG-1-enh {
	background-image: url(https://static.wikia.nocookie.net/deadbydaylight_gamepedia_en/images/4/47/Dbd-common-enhanced.png) !important
}

.SquareBG-2-enh {
	background-image: url(https://static.wikia.nocookie.net/deadbydaylight_gamepedia_en/images/1/1c/Dbd-uncommon-enhanced.png) !important
}

.SquareBG-3-enh {
	background-image: url(https://static.wikia.nocookie.net/deadbydaylight_gamepedia_en/images/2/25/Dbd-rare-enhanced.png) !important
}

.SquareBG-4-enh {
	background-image: url(https://static.wikia.nocookie.net/deadbydaylight_gamepedia_en/images/7/75/Dbd-veryrare-enhanced.png) !important
}

.SquareBG-5-enh {
	background-image: url(https://static.wikia.nocookie.net/deadbydaylight_gamepedia_en/images/5/59/Dbd-ultrarare-enhanced.png) !important
}

.SquareBG-7-enh {
	background-image: url(https://static.wikia.nocookie.net/deadbydaylight_gamepedia_en/images/8/85/Dbd-legendary-enhanced.png) !important
}

.SquareBG-8-enh {
	background-image: url(https://static.wikia.nocookie.net/deadbydaylight_gamepedia_en/images/3/39/Dbd-events-enhanced_legacy.png) !important
}

.SquareBG-9-enh {
	background-image: url(https://static.wikia.nocookie.net/deadbydaylight_gamepedia_en/images/b/ba/Dbd-artefact-enhanced.png) !important
}

.SquareBG-DT-enh,
.SquareBG-10-enh,
.SquareBG-21-enh {
	background-image: url(https://static.wikia.nocookie.net/deadbydaylight_gamepedia_en/images/b/b3/Dbd-dark-trinkets-enhanced.png) !important
}

.SquareBG-RF-enh,
.SquareBG-13-enh {
	background-image: url(https://static.wikia.nocookie.net/deadbydaylight_gamepedia_en/images/1/1f/Dbd-rift-fragments-enhanced.png) !important
}

.SquareBG-FT-enh {
	background-image: url(https://static.wikia.nocookie.net/deadbydaylight_gamepedia_en/images/3/3a/Dbd-frosty-trinkets-enhanced.png) !important
}

.SquareBG-24-enh,
.SquareBG-GT-enh {
	background-image: url(https://static.wikia.nocookie.net/deadbydaylight_gamepedia_en/images/8/8e/Dbd-gilded-trinkets-enhanced.png) !important
}

.SquareBG-28-enh,
.SquareBG-TT-enh {
	background-image: url(https://static.wikia.nocookie.net/deadbydaylight_gamepedia_en/images/e/e1/Dbd-thrombotic-trinkets-enhanced.png) !important
}

.SquareBG-BP-enh {
	background-image: url(https://static.wikia.nocookie.net/deadbydaylight_gamepedia_en/images/e/e9/Dbd-bloodpoints-enhanced.png) !important
}

.SquareBG-RP-enh {
	background-image: url(https://static.wikia.nocookie.net/deadbydaylight_gamepedia_en/images/b/b8/Dbd-rift-pass.png) !important
}

.game-element-bg-settings {
	background-size: contain;
	background-repeat: no-repeat
}

.game-element-container {
	justify-content: center
}

.addon-container {
	scale: 86.5%
}

.charMainPageBox .game-element-container {
	margin: 0 3px
}

.game-element-container a {
	width: 100%;
	height: 100%;
	padding: 0
}

.game-element-container img {
	width: 100%;
	height: 100%
}

.game-element-bg-settings-size-general {
	min-height: 96px;
	min-width: 96px
}

.game-element-bg-settings-size-perk,
.game-element-bg-settings-size-sos {
	--assembly-image-size: 128px;
	height: var(--assembly-image-size);
	width: var(--assembly-image-size)
}

.addon-marker {
	background-image: var(--addon-marker);
	z-index: 2;
	width: 76px;
	height: 90px;
	scale: 50%;
	top: -35px;
	right: -31px
}

.addon-marker-il {
	scale: 25%;
	top: -40px;
	right: -34px
}

.addon-size {
	max-width: 32px;
	max-height: 32px
}

.common-addon-element {
	background-image: var(--common-addon-bg)
}

.uncommon-addon-element {
	background-image: var(--uncommon-addon-bg)
}

.rare-addon-element {
	background-image: var(--rare-addon-bg)
}

.very-rare-addon-element {
	background-image: var(--very-rare-addon-bg)
}

.ultra-rare-addon-element {
	background-image: var(--ultra-rare-addon-bg)
}

.unused-item-element {
	background-image: var(--unused-item-bg)
}

.common-item-element {
	background-image: var(--common-item-bg)
}

.uncommon-item-element {
	background-image: var(--uncommon-item-bg)
}

.rare-item-element {
	background-image: var(--rare-item-bg)
}

.very-rare-item-element {
	background-image: var(--very-rare-item-bg)
}

.ultra-rare-item-element {
	background-image: var(--ultra-rare-item-bg)
}

.event-item-element {
	background-image: var(--event-item-bg)
}

.limited-item-element,
.craft-able-and-limited-item-element {
	background-image: var(--limited-item-bg)
}

.common-perk-element {
	background-image: var(--common-perk-bg)
}

.uncommon-perk-element {
	background-image: var(--uncommon-perk-bg)
}

.rare-perk-element {
	background-image: var(--rare-perk-bg)
}

.very-rare-perk-element {
	background-image: var(--very-rare-perk-bg)
}

.ultra-rare-perk-element {
	background-image: var(--ultra-rare-perk-bg)
}

.teachable-perk-element {
	background-image: var(--teachable-perk-bg)
}

.teachable-indicator-perk-element {
	background-image: var(--teachable-indicator-perk-bg);
	pointer-events: none
}

.perk-level-1-indicator {
	background-image: var(--perk-level-1)
}

.perk-level-2-indicator {
	background-image: var(--perk-level-2)
}

.perk-level-3-indicator {
	background-image: var(--perk-level-3)
}

.common-offering-element {
	background-image: var(--common-offering-bg)
}

.uncommon-offering-element {
	background-image: var(--uncommon-offering-bg)
}

.rare-offering-element {
	background-image: var(--rare-offering-bg)
}

.very-rare-offering-element {
	background-image: var(--very-rare-offering-bg)
}

.ultra-rare-offering-element {
	background-image: var(--ultra-rare-offering-bg)
}

.event-offering-element {
	background-image: var(--event-offering-bg)
}

.common-mb-element {
	background-image: var(--common-mb-bg)
}

.uncommon-mb-element {
	background-image: var(--uncommon-mb-bg)
}

.rare-mb-element {
	background-image: var(--rare-mb-bg)
}

.very-rare-mb-element {
	background-image: var(--very-rare-mb-bg)
}

.ultra-rare-mb-element {
	background-image: var(--ultra-rare-mb-bg)
}

.common-skill-element {
	background-image: var(--common-skill-bg)
}

.uncommon-skill-element {
	background-image: var(--uncommon-skill-bg)
}

.rare-skill-element {
	background-image: var(--rare-skill-bg)
}

.very-rare-skill-element {
	background-image: var(--very-rare-skill-bg)
}

.ultra-rare-skill-element {
	background-image: var(--ultra-rare-skill-bg)
}

.animate-perk-settings {
	animation-duration: var(--perk-switch-animation-durtation);
	animation-iteration-count: infinite
}

.animate-perk-bg {
	--first-tier: var(--uncommon-perk-bg);
	--second-tier: var(--rare-perk-bg);
	--third-tier: var(--very-rare-perk-bg);
	animation-name: animate-switch
}

.animate-perk-level {
	animation-name: animate-level-switch
}

@keyframes animate-switch {
	0% {
		background-image: var(--first-tier)
	}

	32% {
		background-image: var(--first-tier)
	}

	33% {
		background-image: var(--second-tier)
	}

	66% {
		background-image: var(--second-tier)
	}

	67% {
		background-image: var(--third-tier)
	}

	100% {
		background-image: var(--third-tier)
	}
}

@keyframes animate-level-switch {
	0% {
		background-image: var(--perk-level-1)
	}

	32% {
		background-image: var(--perk-level-1)
	}

	33% {
		background-image: var(--perk-level-2)
	}

	66% {
		background-image: var(--perk-level-2)
	}

	67% {
		background-image: var(--perk-level-3)
	}

	100% {
		background-image: var(--perk-level-3)
	}
}

.boldLeft {
	border-left-width: 4px !important
}

.bordelessRight,
.borderless {
	border-right-style: none !important
}

.bordelessLeft,
.borderless {
	border-left-style: none !important
}

.HUD-Square-All {
	height: 84px;
	width: 80px
}

table.sosTable td,
table.sosTable tbody,
table.sosTable tr {
	border: solid 2px #191919
}

table.sosTable {
	background: black;
	border-collapse: collapse
}

.sosHeader {
	font-size: 17px;
	font-variant: small-caps;
	text-align: center;
	color: white
}

.sosText {
	text-align: center;
	font-size: 11pt
}

.sosText>a {
	font-weight: revert !important
}

td.week-cell {
	padding: 5px 0px !important;
	text-align: center !important;
	width: 30px
}

.sos2 {
	width: 487px;
	height: 350px;
	background: url(https://static.wikia.nocookie.net/deadbydaylight_gamepedia_en/images/a/a0/ShrineBG.png);
	background-size: contain;
	position: relative
}

.sosPerk {
	filter: saturate(1) brightness(1) drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.7));
	position: absolute;
	display: inline-block;
	transition: filter 0.1s linear
}

.sosPerk:hover .teachable-perk-element {
	filter: saturate(1.1) brightness(1.15) drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.7))
}

.sosPerk1 {
	left: 179px;
	top: 10px;
	z-index: 2
}

.sosPerk2 {
	left: 74px;
	top: 112px;
	z-index: 2
}

.sosPerk3 {
	right: 74px;
	top: 112px;
	z-index: 2
}

.sosPerk4 {
	left: 179px;
	top: 213px;
	z-index: 2
}

.sosPerkHovered {}

.sosPerkNotHovered {
	opacity: 0.5
}

div.sosPerk1:hover,
div.sosPerk2:hover,
div.sosPerk3:hover,
div.sosPerk4:hover {
	z-index: 4
}

.sosPerk1:hover .sosPerkDesc1,
.sosPerk2:hover .sosPerkDesc2,
.sosPerk3:hover .sosPerkDesc3,
.sosPerk4:hover .sosPerkDesc4,
.sosPerkDesc1:hover,
.sosPerkDesc2:hover,
.sosPerkDesc3:hover,
.sosPerkDesc4:hover {
	width: 230px
}

.sosPerkDesc {
	position: absolute;
	width: 0;
	height: 122px;
	background: #131313db;
	overflow: hidden;
	transition: all 0.15s linear;
	top: 3px;
	left: 64px;
	z-index: -1
}

.sosPerkOwner {
	font-size: 15px
}

.sosPerkDescName,
.sosPerkOwner {
	height: 50%;
	padding: 0 10px 0 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-weight: 500
}

.sosPerkDesc .sosPerkOwner {
	padding: 0 10px 0 45px
}

.sosPerkDesc3 .sosPerkDescName {
	padding: 0 30px 0 10px
}

.sosPerkDesc3 .sosPerkOwner {
	padding: 0 15px 0 10px
}

.sosPerkDesc:before {
	content: "";
	position: absolute;
	width: 230px;
	height: 122px;
	background: linear-gradient(to left, white 4px, transparent 4px) 100% 0, linear-gradient(to left, white 4px, transparent 4px) 100% 100%, linear-gradient(to bottom, white 4px, transparent 4px) 100% 0, linear-gradient(to top, white 4px, transparent 4px) 100% 100%;
	background-repeat: no-repeat;
	background-size: 20px 20px;
	pointer-events: none
}

.sosPerkDesc.sosPerkDesc3:before {
	background: linear-gradient(to right, white 4px, transparent 4px) 0 0, linear-gradient(to right, white 4px, transparent 5px) 0 100%, linear-gradient(to bottom, white 4px, transparent 4px) 0 0, linear-gradient(to top, white 4px, transparent 4px) 0 100%;
	background-size: 20px 20px;
	background-repeat: no-repeat
}

.sosPerk3:hover .sosPerkDesc3 {
	left: -166px
}

.sosPerkDescDivider {
	position: absolute;
	top: 50%;
	width: 230px
}

.noticeText {
	font-size: 7.5pt;
	font-weight: 400;
	color: grey
}

.mwe-popups {
	background: #222222
}

.mwe-popups .mwe-popups-extract {
	color: #b6b6b6
}

.mwe-popups .mwe-popups-extract[dir='ltr']:after {
	background-image: linear-gradient(to right, #fff0, #fff0 50%)
}

.page-content #toc {
	font-size: 9pt
}

.page-content td p {
	margin: 0 0 0 0
}

td.multipleOccurenceSoSCalendar {
	font-size: 18pt;
	font-weight: 600;
	text-shadow: 1px 2.5px 0px #0000004a, 0.5px 1.5px 2.5px #00000059;
	color: white !important;
	text-align: center !important;
	vertical-align: middle !important;
	padding: 0px !important
}

th.sosPerkIcon {
	box-shadow: rgba(0, 0, 0, 0.8) 0px 0px 8px 0px inset !important;
	padding: 5px 5px !important;
	margin: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	border-width: 0px !important
}

.entryTable {
	width: 330px;
	max-width: 330px;
	flex: 1;
	flex-basis: auto;
	margin: 10px 25px
}

.entryTable table {
	width: 100%
}

.sitenotice {
	box-shadow: 0 3px 15px 1px #000000d1;
	max-height: 450px;
	width: 500px
}

.sitenotice:before {
	background-color: #ccaa4a
}

.wds-tab__content_shown {
	display: initial !important
}

.wds-tabber {
	overflow: initial !important
}

.page-content ul.wds-tabs {
	background: #00000033;
	flex-wrap: wrap
}

.wds-tabs__tab.wds-is-current {
	background-color: #74653c26
}

.wds-tabs__tab:hover {
	color: var(--theme-link-color--hover)
}

.wds-tabs__wrapper.right-arrow-visible .wds-tabs {
	-webkit-mask-image: -webkit-gradient(linear, left top, right top, color-stop(98%, #000), to(transparent))
}

.wds-tabs__wrapper.right-arrow-visible .wds-tabs__arrow-right {
	visibility: hidden
}

.tableTabber ul.wds-tabs li {
	--elementsInTabber: 6;
	border: solid #393939;
	border-width: 1px 1px 1px 1px;
	width: calc(100% / var(--elementsInTabber))
}

.tableTabber.lesserTabberElements ul.wds-tabs li {
	--elementsInTabber: 3
}

.tableTabber.lessTabberElements ul.wds-tabs li {
	--elementsInTabber: 4
}

.tableTabber.moreTabberElements ul.wds-tabs li {
	--elementsInTabber: 8
}

@media (min-width:2420px) {
	.tableTabber.lesserTabberElements ul.wds-tabs li {
		--elementsInTabber: 6
	}

	.tableTabber.lessTabberElements ul.wds-tabs li {
		--elementsInTabber: 8
	}

	.tableTabber ul.wds-tabs li {
		--elementsInTabber: 10
	}

	.tableTabber.moreTabberElements ul.wds-tabs li {
		--elementsInTabber: 12
	}
}

@media (max-width:1600px) {
	.tableTabber ul.wds-tabs li {
		--elementsInTabber: 4
	}

	.tableTabber ul.wds-tabs li {
		--elementsInTabber: 6
	}
}

.tableTabber ul.wds-tabs {
	align-items: stretch
}

.tableTabber li.wds-tabs__tab {
	display: flex
}

.tableTabber .wds-tabs__tab-label {
	white-space: normal;
	line-height: 1.5;
	text-align: left;
	margin: 5px 5px 3px 7px;
	height: unset;
	min-height: 40px
}

.infoboxTitle {
	font-size: 18pt
}

td.titleColumn {
	background: #292929;
	color: #fff;
	font-weight: bold;
	text-align: right;
	padding: 1px 10px;
	min-width: 120px;
	vertical-align: middle;
	font-size: 11pt
}

td.valueColumn {
	min-width: 200px;
	max-width: 230px;
	vertical-align: middle;
	font-size: 10.5pt
}

.metadata,
tr.metadata td {
	font-size: smaller
}

.valueTooltip {
	border-bottom: 1px dotted;
	border-color: #3c3c3c
}

.page-content h3 {
	font-weight: 800;
	border-bottom: 1px solid;
	border-color: #343434c7
}

.page-content h4 {
	font-weight: 800;
	border-bottom: 1px solid;
	border-color: #343434c7
}

.page-content ol,
.page-content ul {
	margin-bottom: 8px
}

.page-content p+ol,
.page-content p+ul,
.page-content section+ol,
.page-content section+ul {
	margin-top: 0px
}

.dlcCategorySection {
	padding: 20px 0
}

.categoryLabel {
	font-family: 'Roboto', sans-serif;
	color: #ffffff;
	font-variant: small-caps;
	margin: 0;
	font-weight: 800;
	font-size: 18pt
}

.categoryDlcs {
	margin: 0 60px;
	padding: 15px 20px;
	max-width: 100%;
	width: auto;
	display: inline-flex;
	justify-content: center;
	flex-wrap: wrap;
	border: 3px solid #1f1f1f
}

.dlcCapsule {
	max-width: 262px;
	flex-direction: column;
	overflow: hidden;
	margin: 7px 10px;
	border-radius: 6px;
	box-shadow: 0 0 5px 0 #000000;
	background-image: url(https://static.wikia.nocookie.net/deadbydaylight_gamepedia_en/images/0/0a/EmptyWide.png);
	background-size: contain
}

.dlcCapsule,
.dlcCapsuleImageContainer {
	min-height: 150px
}

.dlcBorder {
	width: 100%;
	height: 100%;
	background: url(https://static.wikia.nocookie.net/deadbydaylight_gamepedia_en/images/f/fa/BorderEffect.png);
	background-size: contain;
	z-index: 3;
	pointer-events: none
}

.dlcLightEffect {
	width: 100%;
	height: 100%;
	background: url(https://static.wikia.nocookie.net/deadbydaylight_gamepedia_en/images/1/1a/LightEffect.png);
	background-size: contain;
	mix-blend-mode: overlay;
	position: absolute;
	z-index: 2;
	pointer-events: none
}

.dlcCpasuleImg {
	z-index: 1;
	transition: 0.1s
}

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

.dlcLink {
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: -47px;
	transition: 0.2s;
	z-index: 2
}

.dlcLink a {
	width: 100%;
	background: rgba(62, 54, 25, 0.5);
	font-family: 'Roboto', sans-serif;
	font-size: 80%;
	font-weight: 600;
	text-transform: uppercase
}

.dlcCapsule:hover .dlcLink {
	bottom: 0
}

.dlcCapsule:hover .dlcCpasuleImg {
	filter: saturate(1.3) brightness(1.1)
}

.dlcLink a:hover {
	background: rgba(0, 0, 0, 0.65);
	color: #ffffff
}

.charLink {
	position: inherit;
	top: 48px;
	transition: 0.2s;
	z-index: 2
}

.realmLink {
	position: relative;
	height: 200px;
	z-index: 2;
	background: rgba(62, 54, 25, 0.6);
	transition: 0.2s;
	top: 177px
}

.cell:hover .image {
	filter: saturate(1.3) brightness(1.2)
}

.cell:hover .charLink {
	top: -50px
}

.cell:hover .realmLink {
	top: 0
}

.fplink.image .killerLink>a {
	background: #3c0a0a94;
	color: #f13333
}

.fplink.image .killerLink>a,
.fplink.image .survivorLink>a {
	text-shadow: 0 0 3px black
}

hr.shadow {
	border-bottom: 0px solid #6c652c;
	margin: 0px;
	box-shadow: 0 0px 5px 3px #00000066
}

.realmLink.link>.mapLinks a {
	background: transparent;
	padding: 6.7px 0px;
	transition: 0.08s
}

.realmLink.link>.mapLinks a:hover {
	background: #0000005e;
	text-decoration: none
}

.pastEvents {
	text-align: left
}

.page-content pre {
	border: none
}

[class*="cm-mw-"] {
	color: #e6e6e6 !important;
	text-decoration: none;
	font-size: revert !important;
	font-weight: normal
}

.switchArea {
	width: 10px;
	height: 10px;
	position: relative;
	float: right;
	top: -4pt;
	left: 8pt
}

.switchBox {
	margin: 0;
	background-color: red;
	width: 10px;
	height: 10px;
	position: relative;
	float: right;
	top: -4pt;
	left: -10000px;
	transition: 0s;
	transition-delay: 2s
}

.switchArea:hover~.switchBox {
	transition-delay: 1s;
	left: 8pt
}

.switchBox:checked {
	left: 8pt
}

.switchBox:checked~.rawPerkDesc {
	display: unset !important
}

.rawPerkDesc {
	display: none
}

.switchBox:checked~.formattedPerkDesc {
	display: none
}

.tooltip-value {
	cursor: help;
	border-bottom: 2px dotted;
	border-color: #535353
}

.tooltip-value>.mobileView {
	font-size: 7pt
}

td .yesNo {
	display: flex;
	justify-content: center;
	padding-bottom: 5px
}

.clr {
	text-shadow: 0 2px #000000cc
}

.fieldBox {
	background: #323232 !important
}

tr.decom th,
tr.decom td,
tr.unused th,
tr.unused td {
	position: relative
}

tr.decom th::before,
tr.decom td::before,
tr.unused th::before,
tr.unused td::before {
	content: "";
	height: 100%;
	width: 100%;
	position: absolute;
	background: #18181882;
	z-index: 1;
	top: 0;
	left: 0;
	pointer-events: none
}

.decom .game-element-container {
	position: relative;
	z-index: 0
}

.charPortraitWrapper {
	position: relative;
	display: inline-flex
}

.charPortraitShadowBG,
.charPortraitBg,
.charPortraitRoleBg,
.charPortraitImage {
	background-size: contain;
	position: absolute
}

.charPortraitWrapper {
	margin: 0 calc(var(--defaultCharPortraitDimensions) * -0.08)
}

.charPortraitWrapper {
	--defaultCharPortraitDimensions: 250px
}

.charPortraitWrapper,
.charPortraitShadowBG,
.charPortraitBg,
.charPortraitRoleBg,
.charPortraitImage,
.charPortraitImage img {
	height: var(--defaultCharPortraitDimensions);
	width: var(--defaultCharPortraitDimensions)
}

.charPortraitImage img {
	width: calc(var(--defaultCharPortraitDimensions) * 0.80);
	object-fit: cover;
	filter: drop-shadow(0px 4px 6px #00000050)
}

.charPortraitShadowBG {
	background-image: url(https://static.wikia.nocookie.net/deadbydaylight_gamepedia_en/images/c/cb/CharPortrait_shadowBG.webp)
}

.charPortraitBg {
	background-image: url(https://static.wikia.nocookie.net/deadbydaylight_gamepedia_en/images/4/42/CharPortrait_bg.webp)
}

.charPortraitRoleBg {
	background-image: url(https://static.wikia.nocookie.net/deadbydaylight_gamepedia_en/images/1/18/CharPortrait_roleBG.webp)
}

.charPortraitRoleBg.survivor {
	filter: sepia(1) saturate(30) hue-rotate(177.3deg) saturate(3.1) brightness(0.40)
}

.charPortraitRoleBg.killer {
	filter: sepia(1) saturate(30) hue-rotate(289.1deg) saturate(7) brightness(0.47)
}

.charPortraitRoleBg.gold {
	filter: brightness(0) saturate(100%) invert(99.5%) sepia(42%) saturate(2190%) hue-rotate(312deg) brightness(61%) contrast(110%)
}

.charPortraitRoleBg.purple {
	filter: brightness(0) saturate(100%) invert(45%) sepia(34%) saturate(57) hue-rotate(243deg) brightness(55%) contrast(80%) saturate(135%)
}

.charPortraitHoverWrapper {
	left: 0;
	right: 0;
	bottom: 10px;
	margin: 0px 12.8%;
	padding-top: 15px;
	width: 75%;
	background: #000606a8;
	mask-image: url(https://static.wikia.nocookie.net/deadbydaylight_gamepedia_en/images/4/42/CharPortrait_bg.webp);
	mask-position: 17% 2%;
	align-items: center;
	height: 0%;
	transition-duration: 0.25s;
	animation: charPortraitHoverAnimation infinite alternate 35s
}

.charPortraitImage:hover+.charPortraitHoverWrapper,
.charPortraitHoverWrapper:hover {
	height: 40%
}

.charPortraitName {
	font-size: calc(0.0512 * var(--defaultCharPortraitDimensions));
	font-weight: 600;
	letter-spacing: 0.4px;
	padding-bottom: 1px;
	margin-bottom: 6px;
	text-shadow: 1px 1px 5px black, 1px 1px 11px black, 0px 0px 14px black, 0px 0px 22px black;
	border-bottom: 1px solid #b9b9b93d;
	width: 100%;
	text-align: center
}

.charPortraitPerk {
	padding: 0 6px
}

@keyframes charPortraitHoverAnimation {
	0% {
		mask-position: 17% 2%
	}

	100% {
		mask-position: 84% 2%
	}
}

.getIconShrinker img {
	width: var(--imageShrinkerSize);
	height: var(--imageShrinkerSize)
}
