.scopple-container {
	background-color: black;
	font-family: Tahoma, sans-serif;
	height: 480px;
	overflow: hidden;
	margin: 0 auto;
	width: 100%;
	z-index: 1025;
}

@media screen and (-webkit-transform-3d) {
	.scopple-placeholder {
		display: none;
	}

	.scopple-fullscreen {
		border-width: 0;
		height: 100%;
		left: 0;
		position: absolute;
		width: 100%;
		top: 0;
	}

	.scopple-windowed {
		position: relative;
	}

	.scopple-viewport {
		cursor: move;
		height: 100%;
		position: absolute;
		width: 100%;
		-webkit-perspective: 400px;
	}

	.scopple-cube {
		height: 100%;
		position: absolute;
		width: 100%;
		-webkit-transform: translateZ(400px);
		-webkit-transform-style: preserve-3d;
	}

	.scopple-face {
		height: 1024px;
		position: absolute;
		width: 1024px;
		-webkit-backface-visibility: hidden;
		-webkit-transform-style: preserve-3d;
	}

	.scopple-face-front {
		-webkit-transform: translateZ(-511.5px);
	}

	.scopple-face-right {
		-webkit-transform: translateX(511.5px) rotateY(-90deg);
	}

	.scopple-face-back {
		-webkit-transform: translateZ(511.5px) rotateY(180deg);
	}

	.scopple-face-left {
		-webkit-transform: translateX(-511.5px) rotateY(90deg);
	}

	.scopple-face-top {
		-webkit-transform: translateY(-511.5px) rotateX(-90deg);
	}

	.scopple-face-bottom {
		-webkit-transform: translateY(511.5px) rotateX(90deg);
	}

	.scopple-spot {
		cursor: pointer;
		height: 40px;
		left: 0;
		position: absolute;
		top: 0;
		width: 40px;
		z-index: 1026;
	}

	.scopple-progress {
		background-color: rgba(0, 0, 0, 0.6);
		height: 64px;
		left: 0;
		position: absolute;
		top: 0;
		width: 64px;
		z-index: 1027;
		-webkit-border-radius: 8px;
	}

	.scopple-toolbar {
		background-color: rgba(238, 238, 238, 0.6);
		border-color: rgba(238, 238, 238, 0.7);
		border-style: solid none;
		border-width: 1px 0;
		bottom: 24px;
		height: 32px;
		opacity: 0.4;
		position: absolute;
		vertical-align: middle;
		width: 100%;
		z-index: 1027;
		-webkit-transition-delay: 0.4s;
		-webkit-transition-duration: 1s;
		-webkit-transition-property: opacity;
	}

	.scopple-toolbar:hover {
		opacity: 1;
		-webkit-transition-delay: 0;
		-webkit-transition-duration: 0.4s;
	}

	.scopple-toolbar a {
		border-style: none;
	}

	.scopple-label {
		color: #5a308d;
		cursor: default;
		font-size: 11pt;
		font-weight: bold;
		position: absolute;
		text-align: center;
		top: 0.5em;
		width: 100%;
	}

	.scopple-logo {
		top: -16px;
		left: 8px;
		position: absolute;
	}

	.scopple-text {
		left: 74px;
		top: 2px;
		position: absolute;
	}

	.scopple-icon {
		cursor: pointer;
		float: right;
		position: relative;
	}
}