@charset "utf-8";

/* CSS Document */
*[is-loading] {
	opacity: 0.2;
}

*[is-loading='locked'],
*[is-loading='locked'] * {
	pointer-events: none !important;
}

*[waiting-for-api] {
	animation: processing 0.9s infinite;
}

.toast.offlinetoastmessage {
	background: red;
	color: white;
}
.toast.onlinetoastmessage {
	background: rgb(0, 128, 68);
	color: white;
}

body[is-offline][is-cms]:after {
	content: "OFFLINE";
	position: fixed;
	color: red;
	width: 100%;
	height: 100%;
	top:0px;
	left:0px;
	background: red;
	opacity: 0.5;
	pointer-events: all;
	z-index:999999999999999999;
}