.ww-rune-divider {
	background-image: url("../../images/backgrounds/footer_runes.jpg");
	background-position: center center;
	background-repeat: repeat-x;
	background-size: auto;
	height: 60px;
}

.ww-svg-divider {
	background: currentColor;
	display: block;
	height: 32px;
	mask: url("../../svg/rune-divider.svg") center / contain no-repeat;
	-webkit-mask: url("../../svg/rune-divider.svg") center / contain no-repeat;
	width: 100%;
}

.ww-paper-edge {
	position: relative;
}

.ww-paper-edge::before,
.ww-paper-edge::after {
	background: var(--ww-color-bone-white);
	content: "";
	height: 24px;
	inset-inline: 0;
	pointer-events: none;
	position: absolute;
	z-index: 2;
}

.ww-paper-edge::before {
	mask: url("../../svg/paper-edge-top.svg") center / 100% 100% no-repeat;
	top: -1px;
	-webkit-mask: url("../../svg/paper-edge-top.svg") center / 100% 100% no-repeat;
}

.ww-paper-edge::after {
	bottom: -1px;
	mask: url("../../svg/paper-edge-bottom.svg") center / 100% 100% no-repeat;
	-webkit-mask: url("../../svg/paper-edge-bottom.svg") center / 100% 100% no-repeat;
}

.ww-badge {
	background: var(--ww-color-dried-blood);
	border: 0;
	border-radius: 0;
	box-shadow: none;
	color: var(--ww-color-bone-white);
	isolation: isolate;
	position: relative;
}

.ww-badge::before {
	border: 2px solid currentColor;
	content: "";
	inset: -5px -7px;
	mask: url("../../svg/badge-stamp.svg") center / 100% 100% no-repeat;
	position: absolute;
	-webkit-mask: url("../../svg/badge-stamp.svg") center / 100% 100% no-repeat;
	z-index: -1;
}

.ww-badge--new {
	background: var(--ww-color-bark-brown);
}

.ww-badge--hit {
	background: var(--ww-color-forest-black);
}

.ww-badge--out {
	background: var(--ww-color-muted);
}