nav.no-bg {
	background: none;
}

.graph-container {
	position: relative;
}

.svg-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 1;
}

.node-box {
	/* padding: 1rem; */
	border: 2px solid #fff;
	position: relative;
	z-index: 2;
	text-align: center;
}

.global-toggle {
	position: absolute;
	right: -0.45rem;
	top: -0.45rem;
}

.bg-custom-rarity-header-1 {
	background-image: linear-gradient(90deg, #51abd3 4em, transparent 5em),linear-gradient(-90deg, #51abd3 4em, transparent 5em);
}
.bg-custom-rarity-header-2 {
	background-image: linear-gradient(90deg, #d44fad 4em, transparent 5em), linear-gradient(-90deg, #d44fad 4em, transparent 5em);
}
.bg-custom-rarity-header-3 {
	background-image: linear-gradient(90deg, #fa8a0b 4em, transparent 5em), linear-gradient(-90deg, #fa8a0b 4em, transparent 5em);
}
.bg-custom-rarity-header-4 {
	background-image: linear-gradient(90deg, #7C8083, #93979A, #FFF, #93979A, #7C8083 4em, transparent 5em), linear-gradient(-90deg, #7C8083, #93979A, #FFF, #93979A, #7C8083 4em, transparent 5em);
}

line.rarity-0 {
	color: initial;
}
line.rarity-1 {
	color: #51abd3;
}
line.rarity-2 {
	color: #d44fad;
}
line.rarity-3 {
	color: #fa8a0b;
}
line.rarity-4 {
	color: #7C8083;
}

.bg-effect-rarity-1 {
	background-image: linear-gradient(135deg, #51abd3 1em, transparent 2em)
}
.bg-effect-rarity-2 {
	background-image: linear-gradient(135deg, #d44fad 1em, transparent 2em);
}
.bg-effect-rarity-3 {
	background-image: linear-gradient(135deg, #fa8a0b 1em, transparent 2em);
}
.bg-effect-rarity-4 {
	background-image: linear-gradient(135deg, #93979A 0.5em, #FFF 1em, transparent 2em);
}
.bg-stat-damage {
	background-image: linear-gradient(135deg, #562612 0.5em, #B71D23 1em, transparent 2em);
}
.bg-stat-damage {
	background-image: linear-gradient(135deg, #B71D23 1em, transparent 2em);
}
.bg-stat-violence {
	background-image: linear-gradient(135deg, #562612 1em, transparent 2em);
}

.node-icon {
	position: absolute;
	right: -0.45rem;
	top: -0.85rem;
	text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;
	font-size: larger;
}
.node-icon.stat-both {
	background: linear-gradient(to right, #B71D23, #562612);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	color: transparent;
}
.node-icon.stat-damage {
	color: #B71D23;
}
.node-icon.stat-violence {
	color: #562612;
}


.div-copy {
	max-height: 20rem;
	overflow-y: auto;
}

@media (max-width: 768px) {
	.graph-wrapper {
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		width: 100%;
		position: relative;
	}
	
	.graph-scale {
		min-width: 1200px;
	}
}