/**
 * Copyright (c) 2018-2021 Red Hat, Inc.
 * This program and the accompanying materials are made
 * available under the terms of the Eclipse Public License 2.0
 * which is available at https://www.eclipse.org/legal/epl-2.0/
 *
 * SPDX-License-Identifier: EPL-2.0
 *
 * Contributors:
 *   Red Hat, Inc. - initial API and implementation
 */
/*

This file contains the branding changes needed for Red Hat OpenShift Dev Spaces Dashboard.
It should override settings in default Che.

Copy this file to https://github.com/eclipse/che-dashboard/blob/main/assets/branding/branding.css
before building Che, apply these changes to the dashboard war.

Then use that reskinned dashboard war when building Red Hat OpenShift Dev Spaces.

*/

.main-page-loader {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 80;
	margin: auto;
	color: #fff;
	font-size: 24px;
	font-family: Helvetica, Arial, sans-serif;
	background-color: #000;
}

.main-page-loader .ide-page-loader-content img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	max-width: 140px;
	max-height: 140px;
	margin: auto;
	animation-name: opacity;
	animation-duration: 2s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
}

@keyframes opacity {
	0%,
	100% {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}
}
