.flag {
	--iconsize: 100px;
}

.flag.float_left {
	margin-right: var(--s2);
}

/* scrollable */

.scrollable {
	height: 100%;
	overflow-y: auto;
	padding: 0 var(--s2);
	font-size: var(--font-lg);
	text-align: justify;
	
	hyphens: auto;
	-webkit-hyphens: auto;
}

/* overlays */

.overlay-noise,
.overlay-pattern,
.overlay-grid,
.overlay-colour {
	position: absolute !important;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	pointer-events: none;
	mix-blend-mode: overlay;
}

.overlay-noise {
	background: var(--overlay-noise) repeat;
	opacity: 0.8;
}

.overlay-pattern {
	background: var(--overlay-pattern) repeat;
	opacity: 0.5;
}

.overlay-grid {
	background: var(--overlay-grid) repeat;
	opacity: 0.2;
}

.overlay-colour {
	background: var(--turcaidghorm);
	opacity: 0.3;
	mix-blend-mode: multiply;
}

.groupoverlay {
	background: var(--group-color);
}