/* LibreSignage display styling. */

@import 'default';
@import 'libresignage/ui/components/Dialog/css/Dialog.scss';
@import 'markup';
@import '_splash.scss';
@import '_controls.scss';
@import 'animations/_animations.scss';

html {
	overflow-x: hidden;
	overflow-y: hidden;
}

html, body, main, #display, #splash {
	/* Make sure the display is only the size of the page. */
	width: 100%;
	min-width: 100%;
	max-width: 100%;

	height: 100%;
	min-height: 100%;
	max-height: 100%;

	padding: 0;
	margin: 0;
}

#display {
	position: absolute;
	top: 0;
	right: 0;

	/* Hint the browser to use GPU acceleration. */
	will-change: transform;
	transform: translate3d(0, 0, 0);
}