/*
 * Copyright 2020-Present Titan Informatics LLC. All Rights Reserved.
 *
 * Proprietary and Confidential.
 * Author: Douglas Noorzadeh
 *
 * This source code is the exclusive property of Titan Informatics LLC.
 * Unauthorized use, reproduction, disclosure, or distribution without written permission is strictly prohibited.
 */
html,
body {
	height: 100%;
}
body {
	font-family: var(--font-family);
	font-size: var(--font-size);
	height: 100%;
	color: var(--black);
	background: var(--black1);
}

[data-name="cognitivelottery"] {
	position: absolute;
	inset: 0;
	top: 50%; left: 50%;
	width: 320px;
	aspect-ratio: 2 / 3.5;
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
}

[data-side] {
	position: absolute;
	inset: 0;
	display: flex;
	flex-flow: column wrap;
	background: var(--white);
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	filter: brightness(var(--card-brightness, 1));
}

[data-side="front"] {
	transform: rotateY(0deg);
}

[data-side="back"] {
	padding-left: 90px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	transform: rotateY(180deg);
	gap: 15px;
}

[data-side="front"] *,
[data-side="back"] * {
	z-index: 1;
}

[data-side="front"]::before,
[data-side="front"]::after,
[data-side="back"]::before {
	content: "";
	position: absolute;
	background: var(--black);
	z-index: 0;
}
[data-side="front"]::before,
[data-side="front"]::after {
	width: 100%;
	height: 40px;
	left: 0;
}
[data-side="front"]::before {
	top: 40px;
}
[data-side="front"]::after {
	bottom: 40px;
}
[data-side="back"]::before {
	top: 0;
	left: 40px;
	width: 40px;
	height: 100%;
}

[data-side="back"] li {
	width: fit-content;
	font-weight: 500;
}
[data-side="back"] li:hover,
[data-side="back"] li:hover::before {
	color: var(--blue3);
}
[data-side="back"] li::before {
	font-family: "Font Awesome 6 Sharp";
	font-size: 1.125rem;
	font-weight: 300;
	min-width: 35px;
	position: relative; float: left;
	margin-left: -40px;
	color: var(--white);
	pointer-events: none;
}
[data-side="back"] [title="Phone"]::before {content: "\f095";}
[data-side="back"] [title="Email"]::before {content: "\40";}
[data-side="back"] [title="Website"]::before {content: "\f0ac";}
[data-side="back"] [title="Cogni Lotto"]::before {content: "\e3ce";}
[data-side="back"] [title="Address"]::before {content: "\f5a0";}

[data-name="company"] {
	font-size: 2.375rem;
	line-height: 2.125rem;
	font-weight: 900;
	/*word-spacing: 10px;*/
	margin: auto 0;
	text-transform: uppercase;
	text-align: center;
}
[data-name="company"]::before {
	content: "";
	width: 145px;
	height: 145px;
	margin-bottom: 5px;
	left: 50%;
	transform: translateX(-50%);
	position: relative; float: left;
	background: url("/assets/img/logo.png") center center / contain no-repeat;
}
[data-name="company"] span {
	font-size: 1.188rem;
	line-height: 1rem;
	font-weight: 600;
	word-spacing: unset;
}