/*!
 * windowFrame.css
 * Copyright 2017 - 2020 by ChartIQ, Inc.
 * All rights reserved.
 */

html.groupMask body {
	background-color: var(--groupMask-background-color);
	border: 1px solid var(--groupMask-border-color);
	margin: 0;
}

html.highlightScrim body {
	background-color: var(--groupMask-border-color);
	outline: 5px solid var(--groupMask-border-color);
	outline-offset: -5px;
	margin: 0;
	width: 100vw;
	height: 100vh;
}

html:is(.groupMask, .highlightScrim) html::before {
	height: 0;
}

html:is(.groupMask, .highlightScrim) html::after {
	width: 0;
	top: 0;
	right: 0;
	bottom: 0;
}

html:is(.groupMask, .highlightScrim) body::before {
	height: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

html:is(.groupMask, .highlightScrim) body::after {
	width: 0;
	top: 0;
	bottom: 0;
	left: 0;
}
