/*
 * Copyright 2020-Present Titan Informatics LLC. All Rights Reserved.
 *
 * Proprietary and Confidential.
 * Author: Titan Informatics Team
 *
 * 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);
	color: var(--252525);
	/*background: var(--f4f4f4);*/
}

[data-name="credentials"],
[data-name="otp"],
[data-name="retrievepassword"],
[data-name="resetpassword"] {
	width: 100%;
	max-width: 450px;
	position: fixed;
	top: 15%; left: 50%;
	transform: translate(-50%, -50%);
	transition: all 0.5s ease;
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	z-index: 0;
}
[data-name="credentials"].active,
[data-name="otp"].active,
[data-name="retrievepassword"].active,
[data-name="resetpassword"].active {
	top: 50%;
	visibility: visible;
	opacity: 1;
	pointer-events: auto;
	z-index: 1;
}
[data-name="credentials"] > section,
[data-name="retrievepassword"] > section {
	transition: all 0.2s ease;
	pointer-events: none;
	display: none;
}
[data-name="credentials"] > section.active,
[data-name="retrievepassword"] > section.active {
	pointer-events: auto;
	display: block;
}

[data-name="credentials"] > section,
[data-name="otp"] > section,
[data-name="retrievepassword"] > section,
[data-name="resetpassword"] > section {
	width: 100%;
	margin: 0 0 10px 0;
}
[data-name="credentials"] button,
[data-name="otp"] button,
[data-name="retrievepassword"] button,
[data-name="resetpassword"] button {
	width: 100%;
}

[data-name="otp"] {
	display: flex;
	flex-flow: row nowrap;
	gap: 5px;
}
[data-name="otp"] input {
	font-size: 3.438rem;
	line-height: 4.25rem;
	font-weight: 800;
	padding: unset;
	text-align: center;
}

[data-link="back-to-login"],
[data-link="forgot-your-password"],
[data-link="signup"] {font-size: 0.875rem; margin: 10px 0 0 0;position: relative; cursor: pointer;}
[data-link="back-to-login"],
[data-link="forgot-your-password"] {float: left;}
[data-link="signup"] {float: right;}
[data-link="back-to-login"]::before,
[data-link="forgot-your-password"]::before,
[data-link="signup"]::before {position: relative; float: left;}
[data-link="back-to-login"]::before {content: "Back to Login?";}
[data-link="forgot-your-password"]::before {content: "Forgot your Password?";}
[data-link="signup"]::before {content: "Not yet a subscriber?";}

[data-name="countdown"] {
	font-size: 0.938rem;
	min-height: 0;
	min-width: 0;
	padding: 5px 10px;
	position: fixed;
	top: 10px;
	left: 50%;
	transform: translateX(-50%);
}

[data-name="countdown"] span {
	font-weight: 400;
	min-width: 38px;
	display: inline-block;
	text-align: center;
	color: #f2274a;
}
[data-error] {
	position: absolute;
	bottom: calc(100% - 3px); left: 0;
	/*text-transform: capitalize;*/
}
[data-error]::first-letter {
  text-transform: uppercase;
}
/*
[data-name="copyright"] [data-year="current"]::after {
	content: "2026 -";
}
*/
@media (max-width: 1200px) {

}