html {
	width: 100% !important;
	height: 100% !important;
	overflow: hidden !important;
	margin: 0;
	padding: 0;
	background-color: #282828;
	font-family: Roboto, sans-serif;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-tap-highlight-color: transparent;
	-webkit-text-size-adjust: none;
}

body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

.Shared_alterFontTS {
	font-family: "Baloo Chettan 2", sans-serif;
	line-height: 1.2em;
}

.Shared_headingTS {
	font-family: "Baloo Chettan 2", sans-serif;
	line-height: 1.2em;
}

@
supports (-webkit-touch-callout: none ) {
	select: focus, textarea:focus, input:focus{
    font-size: 18px !important;
}

}
@
supports (-webkit-touch-callout: none ) {select , textarea, input {
	font-size:18px!important;
	
}

}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
input[type="number"] {
	-moz-appearance: textfield;
}

.animCssCustomDuration {
	-webkit-animation-duration: 900ms;
	animation-duration: 900ms;
}

.Shared_transitionS {
	transition: all 0.3s ease-out;
}

a {
	color: inherit;
	text-decoration: underline;
	text-decoration-color: transparent;
	transition: 300ms;
	-webkit-text-decoration-color: transparent;
	-moz-text-decoration-color: transparent;
}

a:hover {
	text-decoration-color: inherit;
	-webkit-text-decoration-color: inherit;
	-moz-text-decoration-color: inherit;
}

p {
	padding: 0;
	margin: 0;
}

[data-name="stage"] {
	overflow: hidden;
}

[data-name="windowLayer"] {
	overflow: hidden;
}

[data-name="popupLayer"] {
	background: rgba(0, 0, 0, 0.25);
	background: radial-gradient(circle, rgba(0, 0, 0, 0.25) 0%,
		rgba(0, 0, 0, 0.55) 100%);
	/* -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px); */
	overflow: auto;
}

[data-name="popupLayer"] :only-child {
	margin-bottom: 25px;
}

textarea {
	resize: none;
}

img {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

select {
	-moz-appearance: none;
	-webkit-appearance: none;
}

select::-ms-expand {
	display: none;
}

.embed-container iframe {
	left: 0;
	top: 0;
	height: 100% !important;
	width: 100% !important;
	position: absolute;
}

.Shared_zIndexTop {
	z-index: 2;
}

.Shared_userSelectOffS {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.Shared_pointerEventsNoneS {
	pointer-events: none !important;
}

.Shared_pointerEventsAutoS {
	pointer-events: auto !important;
}

.Shared_overflowScrollS {
	overflow-x: hidden !important;
	overflow-y: scroll !important;
}

.Shared_overflowScrollAutoHorizontalS {
	overflow-y: scroll !important;
	overflow-x: auto !important;
}

.Shared_overflowScrollAutoVerticalS {
	overflow-x: hidden !important;
	overflow-y: auto !important;
}

.Shared_overflowScrollFixedBothS {
	overflow-y: scroll !important;
	overflow-x: scroll !important;
}

.Shared_overflowHiddenS {
	overflow: hidden !important;
}

.Shared_overflowHiddenBothS {
	overflow-y: hidden !important;
	overflow-x: hidden !important;
}

.Shared_borderBoxS {
	box-sizing: border-box;
}

.Shared_contentBoxS {
	box-sizing: content-box;
}

.Shared_drowdownBorderS {
	box-shadow: 0 0 0 1px #dedede;
}

.FormComponent_inputS {
	margin: 0;
	outline: 0;
}

.Shared_transparentInputS {
	background: transparent;
	border: none;
	margin: 0;
	outline: 0;
}

.Shared_lineHeightTS {
	line-height: 1.5em;
}

.Shared_shadowS {
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.125);
}

.Shared_shadowLightS {
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.075);
}

.Shared_shadowDarkS {
	box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.45);
}

.Shared_shadowDarkerS {
	box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.5);
}

.Shared_gradientGreenS {
	background-image: linear-gradient(to right, #74bf45, #cada2c);
}

.Shared_gradientBlueS {
	background-image: linear-gradient(to right, #6ccef5, #1a94d2);
}

.Shared_gradientYellowS {
	background-image: linear-gradient(to right, #ffcc03, #f26e24);
}

.Shared_gradientRedS {
	background-image: linear-gradient(to right, #e72227, #991b1e);
}

.Shared_gradientLightGrayS {
	background-image: linear-gradient(to right, #c2bcbc, #b5afaf);
}

.Shared_gradientDarkGrayS {
	background-image: linear-gradient(to right, #636363, #575757);
}

.Shared_gradientOrangeS {
	background-image: linear-gradient(to right, #f26f24, #ed2925);
}

.Shared_gradientTiktokS {
	background-image: linear-gradient(to right, #69c9d0, #ee1d52);
}

.Shared_blackFadeS {
	background: rgba(0, 0, 0, 0.25);
}

.Shared_radialBlackFadeS {
	background: rgba(0, 0, 0, 0.25);
	background: radial-gradient(circle, rgba(0, 0, 0, 0.25) 0%,
		rgba(0, 0, 0, 0.55) 100%);
}

.Shared_radialBlackFadeDarkS {
	background: rgba(0, 0, 0, 0.35);
	background: radial-gradient(circle, rgba(0, 0, 0, 0.35) 0%,
		rgba(0, 0, 0, 0.75) 100%);
}

.Shared_radialBlackFadeLightS {
	background: rgba(0, 0, 0, 0.15);
	background: radial-gradient(circle, rgba(0, 0, 0, 0.15) 0%,
		rgba(0, 0, 0, 0.35) 100%);
}

.Shared_radialWhiteFadeS {
	background: rgba(255, 255, 255, 0.25);
	background: radial-gradient(circle, rgba(255, 255, 255, 0.25) 0%,
		rgba(255, 255, 255, 0.55) 100%);
}

.Shared_radialWhiteFadeLightS {
	background: rgba(255, 255, 255, 0.15);
	background: radial-gradient(circle, rgba(255, 255, 255, 0.15) 0%,
		rgba(255, 255, 255, 0.25) 100%);
}

.Shared_radialWhiteFadeDarkS {
	background: rgba(255, 255, 255, 0.55);
	background: radial-gradient(circle, rgba(255, 255, 255, 0.55) 0%,
		rgba(255, 255, 255, 0.55) 100%);
}

.Shared_backdropBlurS {
	/* -webkit-backface-visibility: hidden; */
	/* -webkit-perspective: 1000; */
	/* -webkit-transform: translate3d(0, 0, 0); */
	/* -webkit-transform: translateZ(0); */
	/* backface-visibility: hidden; */ /* perspective: 1000; */
	/* transform: translate3d(0, 0, 0); */ /* transform: translateZ(0); */
	/* -webkit-backdrop-filter: blur(3px); */
	/* backdrop-filter: blur(3px); */
	
}

.Shared_blurS {
	filter: blur(8px);
	-webkit-filter: blur(8px);
}

.Shared_rotate90S {
	transform: rotate(90deg);
}

.Shared_rotate25S {
	transform: rotate(15deg);
}

.Shared_rotate180S {
	transform: rotate(180deg);
}

.Shared_rotate270S {
	transform: rotate(270deg);
}

.Shared_radiusLeftS {
	border-radius: 12px 0 0 12px;
}

.Shared_selectDarkS option {
	background: #282828;
}

.Shared_darkGrayFadeGradientTopS {
	background-image: linear-gradient(#282828, transparent);
}

.Shared_darkGrayFadeGradientBottomS {
	background-image: linear-gradient(transparent, #282828);
}

.Shared_lightGrayFadeGradientBottomS {
	background-image: linear-gradient(transparent, #dedede);
}

.Shared_whiteFadeGradientBottomS {
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0),
		rgba(255, 255, 255, 1));
}

.Shared_greenFadeGradientBottomS {
	background-image: linear-gradient(transparent, #74bf45);
}

.Shared_blueFadeGradientBottomS {
	background-image: linear-gradient(transparent, #1a94d2);
}

.Shared_yellowFadeGradientBottomS {
	background-image: linear-gradient(transparent, #ffcb04);
}

.Shared_redFadeGradientBottomS {
	background-image: linear-gradient(transparent, #e72227);
}

.Shared_darkScrollbarS::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}

.Shared_darkScrollbarS::-webkit-scrollbar-track {
	background: #282828;
}

.Shared_darkScrollbarS::-webkit-scrollbar-thumb {
	background: #5c5856;
}

.Shared_darkScrollbarS::-webkit-scrollbar-thumb:hover {
	background: #7e7876;
}

.Shared_imageOverflowBlurS {
	filter: blur(14px) brightness(0.75);
	-webkit-filter: blur(14px) brightness(0.75);
	transform: scale(1.05);
}

.Shared_wordWrapBreakWordS {
	word-wrap: break-word;
}

.Shared_textOverflowEllipsis {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.Shared_uppercaseTS {
	text-transform: uppercase;
}

.Shared_fontSizeInheritTS {
	font-size: inherit !important;
}

.docContent p {
	-webkit-margin-before: 1em;
	margin-block-start: 1em;
	-webkit-margin-after: 1em;
	margin-block-end: 1em;
	-webkit-margin-start: 0px;
	margin-inline-start: 0px;
	-webkit-margin-end: 0px;
	margin-inline-end: 0px;
}

.docContent ol {
	margin-left: 0;
	padding-left: 10px;
}

.docContent h1, h2 {
	font-size: initial;
}

.docButton {
	background-color: #1a94d2;
	background-image: linear-gradient(to right, #6ccef5, #1a94d2);
	color: #fff;
	border-radius: 12px;
	padding: 15px 20px 15px 20px;
	font-size: 20px;
	text-decoration: none !important;
	-webkit-transition: background-image 0.2s ease-in-out;
	transition: background-image 0.2s ease-in-out;
}

@media screen and (max-width: 600px) {
	.docButton {
		font-size: 16px;
	}
}

.docButton:hover {
	background-image: none;
}