@font-face {
	font-family: Gristle;
	font-style: normal;
	font-weight: normal;
	font-display: block;
	src: url('gristle.woff2') format('woff2');
}
@keyframes g_rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
@keyframes g_fade_in { from { opacity: 0; visibility: hidden; } to { opacity: 1; visibility: visible; } }
@keyframes g_fade_out { from { opacity: 1; visibility: visible; } to { opacity: 0; visibility: hidden;  } } 
@keyframes g_splash_g { 0% { transform: translate(0vw,500vmax) } 11% { transform: translate(0vw,2vh) } 41% { transform: translate(1vw,0vh); } 60% { transform: translate(-1vw,-2vh); } 90% { transform: translate(0,1000vmax); } 92% { transform: translate(0,2000vmax); } 100% { transform: translate(0,0); } }
@keyframes g_splash_r { 0% { transform: translate(0vw,500vmax) } 14% { transform: translate(1vw,3vh) } 49% { transform: translate(-2vw,0vh); } 61% { transform: translate(-2vw,3vh); } 91% { transform: translate(0,1000vmax); } 93% { transform: translate(0,2000vmax); } 100% { transform: translate(0,0); } }
@keyframes g_splash_i { 0% { transform: translate(0vw,500vmax) } 12% { transform: translate(0vw,5vh) } 38% { transform: translate(-1vw,2vh); } 62% { transform: translate(-4vw,2vh); } 92% { transform: translate(0,1000vmax); } 94% { transform: translate(0,2000vmax); } 100% { transform: translate(0,0); } }
@keyframes g_splash_s { 0% { transform: translate(0vw,500vmax) } 23% { transform: translate(1vw,2vh) } 44% { transform: translate(-1vw,1vh); } 62% { transform: translate(-4vw,1vh); } 93% { transform: translate(0,1000vmax); } 95% { transform: translate(0,2000vmax); } 100% { transform: translate(0,0); } }
@keyframes g_splash_t { 0% { transform: translate(0vw,500vmax) } 14% { transform: translate(1vw,1vh) } 54% { transform: translate(-2vw,3vh); } 62% { transform: translate(-2vw,2vh); } 92% { transform: translate(0,1000vmax); } 94% { transform: translate(0,2000vmax); } 100% { transform: translate(0,0); } }
@keyframes g_splash_l { 0% { transform: translate(0vw,500vmax) } 12% { transform: translate(-1vw,3vh) } 46% { transform: translate(-2vw,4vh); } 61% { transform: translate(-4vw,5vh); } 91% { transform: translate(0,1000vmax); } 93% { transform: translate(0,2000vmax); } 100% { transform: translate(0,0); } }
@keyframes g_splash_e { 0% { transform: translate(0vw,500vmax) } 15% { transform: translate(2vw,4vh); } 41% { transform: translate(-2vw,4vh); } 60% { transform: translate(-2vw,3vh); } 90% { transform: translate(0,1000vmax); } 92% { transform: translate(0,2000vmax); } 100% { transform: translate(0,0); } }
@keyframes g_splash_logo {
	to {
		height: 250px;
		top: -75px;
	}
}
@keyframes g_splash_doc {
	0% {
		bottom: -50vh;
	}
	20% {
		bottom: 3vh;
	}
	90% {
		bottom: 3vh;
	}
	100% {
		bottom: -50vh;
	}
}
@keyframes g_splash_doc_in_1 { from { transform: translate(0,0); } to { opacity: 0.4; transform: translate(0,4vh); } }
@keyframes g_splash_doc_in_2 { from { transform: translate(0,0); } to { opacity: 0.55; transform: translate(0,4vh); } }
@keyframes g_splash_doc_in_3 { from { transform: translate(0,0); } to { opacity: 0.7; transform: translate(0,4vh); } }
@keyframes g_splash_doc_in_4 { from { transform: translate(0,0); } to { transform: translate(0,-3vh); opacity: 0.1; } }
@keyframes g_splash_doc_out_fade_in { from { opacity: 0; } to { opacity: 1; } }
@keyframes g_splash_doc_out_1 { from { opacity:0; transform: translate(0,4vh); } to { opacity: 0.7; transform: translate(0,0); } }
@keyframes g_splash_doc_out_2 { from { opacity:0; transform: translate(0,4vh); } to { opacity: 0.55; transform: translate(0,0); } }
@keyframes g_splash_doc_out_3 { from { opacity:0; transform: translate(0,4vh); } to { opacity: 0.4; transform: translate(0,0); } }
@keyframes g_error {
	0% { visibility: hidden; opacity: 0; }
	1% { visibility: visible; opacity: 0; }
	10% { opacity: 1; }
	90% { opacity: 1; }
	100% { visibility: hidden; opacity: 0; }
}
@keyframes g_top {
	0% { height: 100%; }
	99% {
		height: 105px;
		background:
			radial-gradient(#fff 15%, transparent 16%) 0 0,
			radial-gradient(#fff 15%, transparent 16%) 80px 80px;
			background-color:#fff;
			background-size:16px 16px;
	}
	100% {
		background: transparent;
		background: linear-gradient(to bottom, #fff 0%, #fff 85%, #ccc 86%, #eee 100%);
		height: 105px;
	}
}
@keyframes g_top_control {
	from {
		visibility: hidden;
		opacity: 0;
	}
	to {
		visibility: visible;
		opacity: 1;
	}
}
@keyframes g_splash_banner {
	0% {
		opacity: 0;
		bottom: 25vh;
	}
	20% {
		opacity: 1;
		bottom: 30vh;
	}
	80% {
		opacity: 1;
		bottom: 30vh;
	}
	100% {
		opacity: 0;
		bottom: 100vh;
	}
}
@keyframes g_splash_window { 0% { transform: translate(-50%, 100%) } 100% { transform: translate(-50%, 22%); } }
@keyframes g_splash_window_mobile { 0% { margin-top: 100%; } 100% { margin-top: 18%; } }
@keyframes g_status_waiting {
	0%, 49% { background-color: #bb0; }
	50%, 100% { background-color: #990; }
}
@keyframes g_status_pushing {
	0%, 49% { background-color: #0bb; }
	50%, 100% { background-color: #099; }
}
@keyframes g_parser_scrollbar_button {
	0% { width: 20px; height: 20px; }
	25% { width: 30px; height: 30px; }
	100% { width: 20px; height: 20px; }
}
@keyframes g_login_signup {
	0% { height: 0px; }
	99% { height: 470px; }
	100% { height: auto; }
}
@keyframes g_captcha_loading {
	0% { background-color: #fff; }
	100% { background-color: #eee; }
}
@keyframes g_gtf_editor_data_fade_in {
	0% { background-color: #ccc; }
	100% { background-color: #ddd; }
}
@keyframes g_about_doc {
	0% { left: -50vw; }
	5% { left: -50vw; }
	20% { left: 50vw; }
	85% { left: 50vw; }
	100% { left: 150vw; }
}
@keyframes g_about_doc_left {
	0% { opacity: 0; }
	15% { opacity: 0; }
	25% { opacity: 1; }
	45% { opacity: 1; }
	55% { opacity: 0; }
	100% { opacity: 0; }
}
@keyframes g_about_doc_right {
	0% { opacity: 0; }
	50% { opacity: 0; }
	60% { opacity: 1; }
	75% { opacity: 1; }
	85% { opacity: 0; }
	100% { opacity: 0; }
}
@keyframes g_about_doc_in_1 {
	0% { fill: #000; transform: translate(0,0); }
	20% { fill: #000; transform: translate(0,0); }
	25% { fill: var(--g-about-color-1); transform: translate(0,4vh); }
	80% { fill: var(--g-about-color-1); transform: translate(0,4vh); }
}
@keyframes g_about_doc_in_2 {
	0% { fill: #000; transform: translate(0,0); }
	25% { fill: #000; transform: translate(0,0); }
	30% { fill: var(--g-about-color-2); transform: translate(0,4vh); }
	80% { fill: var(--g-about-color-2); transform: translate(0,4vh); }
}
@keyframes g_about_doc_in_3 {
	0% { fill: #000; transform: translate(0,0); }
	30% { fill: #000; transform: translate(0,0); }
	35% { fill: var(--g-about-color-3); transform: translate(0,4vh); }
	80% { fill: var(--g-about-color-3); transform: translate(0,4vh); }
}
@keyframes g_about_doc_in_4 {
	0% { opacity: 1; transform: translate(0,0); }
	35% { opacity: 1; transform: translate(0,0); }
	40% { opacity: 0.3; transform: translate(0,-4vh); }
	80% { opacity: 0.3; transform: translate(0,-4vh); }
}
@keyframes g_about_doc_out_fade_in {
	0% { opacity: 0; }
	45% { opacity: 0; }
	50% { opacity: 1; }
	95% { opacity: 1; }
}
@keyframes g_about_doc_out_1 {
	0% { opacity: 0; transform: translate(0,4vh); }
	55% { opacity: 0; transform: translate(0,4vh); }
	60% { opacity: 1; fill: var(--g-about-color-1); transform: translate(0,0); }
	80% { opacity: 1; fill: var(--g-about-color-1); transform: translate(0,0); }
	85% { opacity: 1; fill: #000; transform: translate(0,4vh); }
}
@keyframes g_about_doc_out_2 {
	0% { opacity: 0; transform: translate(0,4vh); }
	60% { opacity: 0; transform: translate(0,4vh); }
	65% { opacity: 1; fill: var(--g-about-color-2); transform: translate(0,0); }
	80% { opacity: 1; fill: var(--g-about-color-2); transform: translate(0,0); }
	85% { opacity: 1; fill: #000; transform: translate(0,4vh); }
}
@keyframes g_about_doc_out_3 {
	0% { opacity: 0; transform: translate(0,4vh); }
	65% { opacity: 0; transform: translate(0,4vh); }
	70% { opacity: 1; fill: var(--g-about-color-3); transform: translate(0,0); }
	80% { opacity: 1; fill: var(--g-about-color-3); transform: translate(0,0); }
	85% { opacity: 1; fill: #000; transform: translate(0,4vh); }
}
@keyframes g_about_doc_text_before {
	0% { left: -4px; transform: rotate(0); }
	100% { left: -8px; transform: rotate(-1.5deg); }
}
@keyframes g_about_doc_text_after {
	0% { top: 2px; transform: rotate(0); }
	100% { top: -2px; transform: rotate(2.4deg); }
}
@keyframes g_about_play {
	0% { opacity: 1; }
	50% { opacity: 0.8; filter: drop-shadow(0px 0px 8px #444);  }
	100% { opacity: 1; }
}
:root {
	--g-about-color-1: #008800;
	--g-about-color-2: #008888;
	--g-about-color-3: #446688;
	--g-button-primary: #0074d4;
	--g-button-secondary: #025da8;
	--g-button-alert-primary: #fa4d4d;
	--g-button-alert-secondary: #a80202;
	--g-billing-background: #e8e8e8;
	--g-billing-light: #e8e8e8;
	--g-billing-dark: #022f64;
	--g-gtf-selected-fgcolor: #080;
	--g-gtf-selected-bgcolor: #bcb;
	--g-gtf-font-size: 16px;
}
html, body {
	color: #000;
	background-color: #fff;
	padding: 0;
	margin: 0;
	height: 100%;
	width: 100%;
	font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, "Helvetica Neue",  Arial, sans-serif;
	max-width: 100%;
	font-size: 16px;
}
hr {
	border: 2px solid;
	border-image: linear-gradient(to right, #ccc 0%, #fff 88%, #fff 100%) 1;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
*:focus { outline: 1px solid #666; }
#g_debug {
	display: none;
	font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, "Helvetica Neue", Arial, sans-serif;
}
#g_error {
	position: fixed;
	bottom: 0;
	width: 100%;
	background-color: #f00;
	color: #fff;
	z-index: 11;
	padding: 20px 5px 20px 5px;
	text-align: center;
	border-top: 2px solid #800;
	box-shadow: #000 0px 3px 8px, rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;
	visibility: hidden;
	transition: 0.5s;
	cursor: pointer;
}
.g_error_text { color: #f00 !important; }
#g_top {
	background-image: repeating-linear-gradient(135deg, rgba(79, 79, 79,0.01) 0px, rgba(79, 79, 79,0.01) 14px,rgba(94, 94, 94,0.01) 14px, rgba(94, 94, 94,0.01) 28px,rgba(109, 109, 109,0.01) 28px, rgba(109, 109, 109,0.01) 42px,rgba(124, 124, 124,0.01) 42px, rgba(124, 124, 124,0.01) 56px,rgba(139, 139, 139,0.01) 56px, rgba(139, 139, 139,0.01) 70px,rgba(154, 154, 154,0.01) 70px, rgba(154, 154, 154,0.01) 84px,rgba(169, 169, 169,0.01) 84px, rgba(169, 169, 169,0.01) 98px,rgba(184, 184, 184,0.01) 98px, rgba(184, 184, 184,0.01) 112px),repeating-linear-gradient(45deg, rgba(221, 221, 221,0.01) 0px, rgba(221, 221, 221,0.01) 14px,rgba(207, 207, 207,0.01) 14px, rgba(207, 207, 207,0.01) 28px,rgba(192, 192, 192,0.01) 28px, rgba(192, 192, 192,0.01) 42px,rgba(178, 178, 178,0.01) 42px, rgba(178, 178, 178,0.01) 56px,rgba(164, 164, 164,0.01) 56px, rgba(164, 164, 164,0.01) 70px,rgba(150, 150, 150,0.01) 70px, rgba(150, 150, 150,0.01) 84px,rgba(135, 135, 135,0.01) 84px, rgba(135, 135, 135,0.01) 98px,rgba(121, 121, 121,0.01) 98px, rgba(121, 121, 121,0.01) 112px),linear-gradient(90deg, #ffffff,#ffffff);
	background-color: #fff;
	cursor: pointer;
	position: fixed;
	z-index: 8;
	height: 100%;
	width: 100%;
	overflow: hidden;
	animation: g_top 0.8s ease 4.6s 1 normal forwards;
	transition: 0.5s;
	font-family: Gristle,'Trebuchet MS',Arial,sans-serif;
}
#g_top_control {
	visibility: hidden;
	animation: g_top_control 0.5s ease 5s 1 normal forwards;
}
#g_splash_banner {
	font-size: 2vw;
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: 0;
	left: 50%;
    transform: translateX(-50%);
	z-index: 7;
	opacity: 0;
	text-shadow: 5px -5px 2px rgba(0, 0, 0, 0.15);
	animation: g_splash_banner 4.8s ease 0.2s 1 normal forwards;
}
#g_splash_logo {
	display: block;
	position: absolute;
	width: 40%;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 7;
	animation: g_splash_logo 0.1s ease 5s 1 normal forwards;
	transition: 0.5s;
}
#g_splash_logo path {
	filter: drop-shadow(100px -10px 20px rgb(0 0 0 / 0.25));
	animation: g_splash_g 6s ease 0s 1 normal forwards;
}
#g_menu_button path { filter: drop-shadow(75px -10px 20px rgb(0 0 0 / 0.25)); }
#g_splash_logo path:nth-child(1) { animation-name: g_splash_g }
#g_splash_logo path:nth-child(2) { animation-name: g_splash_r }
#g_splash_logo path:nth-child(3) { animation-name: g_splash_i }
#g_splash_logo path:nth-child(4) { animation-name: g_splash_s }
#g_splash_logo path:nth-child(5) { animation-name: g_splash_t }
#g_splash_logo path:nth-child(6) { animation-name: g_splash_l }
#g_splash_logo path:nth-child(7) { animation-name: g_splash_e }
#g_splash_doc {
	height: max(100px, 20vh);
	display: block;
	position: absolute;
	width: 40%;
	bottom: -100vh;
	left: 50%;
	transform: translateX(-50%);
	z-index: 7;
	animation: g_splash_doc 5s ease 0s 1 normal forwards;
	transition: 0.5s;
}
.g_has_auth_token #g_splash_doc { display: none; }
#g_splash_doc path:nth-child(n+3):nth-child(-n+5) { animation: g_splash_doc_in_1 0.3s ease 1s 1 normal forwards; }
#g_splash_doc path:nth-child(n+5):nth-child(-n+7) { animation: g_splash_doc_in_2 0.3s ease 1.3s 1 normal forwards; }
#g_splash_doc path:nth-child(n+8):nth-child(-n+9) { animation: g_splash_doc_in_3 0.3s ease 1.6s 1 normal forwards; }
#g_splash_doc path:nth-child(n+10):nth-child(-n+15) { animation: g_splash_doc_in_4 0.3s ease 1.9s 1 normal forwards; }
#g_splash_doc path:nth-child(16) { animation: g_splash_doc_out_fade_in 0.3s ease 2.7s 1 normal forwards; }
#g_splash_doc path:nth-child(n+17):nth-child(-n+23) { animation: g_splash_doc_out_1 0.3s ease 3s 1 normal forwards; }
#g_splash_doc path:nth-child(n+24):nth-child(-n+30) { animation: g_splash_doc_out_2 0.3s ease 3.3s 1 normal forwards; }
#g_splash_doc path:nth-child(n+31):nth-child(-n+36) { animation: g_splash_doc_out_3 0.3s ease 3.6s 1 normal forwards; }
#g_top.g_top_complete { animation: g_top 0s ease 0s 1 normal forwards; }
.g_app_mode:not(.g_app_no_menu) #g_top.g_top_complete, #g_top.g_top_locked { cursor: default !important; }
.g_top_complete #g_top_control { animation: g_top_control 0s ease 0s 1 normal forwards; }
.g_top_complete #g_splash_banner, .g_top_complete #g_splash_doc { display: none; }
.g_top_complete #g_splash_logo { animation: g_splash_logo 0.5s ease 0.5s 1 normal forwards; }
.g_top_complete #g_splash_logo path { animation: g_splash_g 0s ease 0s 1 normal forwards; }
#g_body {
	display: flex;
	min-height: 100%;
	background-color: #eee;
}
#g_busy {
	visibility: hidden;
	position: fixed;
	width: 100%;
	height: 100%;
	color: #fff;
	background-color: rgba(0,0,0,0.5);
	z-index: 10;
	transition: 0.5s;
}
#g_busy > div {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><path fill='%23bbbbbb' d='M24 13.616v-3.232c-1.651-.587-2.694-.752-3.219-2.019v-.001c-.527-1.271.1-2.134.847-3.707l-2.285-2.285c-1.561.742-2.433 1.375-3.707.847h-.001c-1.269-.526-1.435-1.576-2.019-3.219h-3.232c-.582 1.635-.749 2.692-2.019 3.219h-.001c-1.271.528-2.132-.098-3.707-.847l-2.285 2.285c.745 1.568 1.375 2.434.847 3.707-.527 1.271-1.584 1.438-3.219 2.02v3.232c1.632.58 2.692.749 3.219 2.019.53 1.282-.114 2.166-.847 3.707l2.285 2.286c1.562-.743 2.434-1.375 3.707-.847h.001c1.27.526 1.436 1.579 2.019 3.219h3.232c.582-1.636.75-2.69 2.027-3.222h.001c1.262-.524 2.12.101 3.698.851l2.285-2.286c-.744-1.563-1.375-2.433-.848-3.706.527-1.271 1.588-1.44 3.221-2.021zm-12 2.384c-2.209 0-4-1.791-4-4s1.791-4 4-4 4 1.791 4 4-1.791 4-4 4z' /></svg>");	
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	top: 25px;
	right: 25px;
	width: 50px;
	height: 50px;
	color: #fff;
	animation: g_rotate 8s linear infinite;
}
#g_support {
	visibility: hidden;
	position: fixed;
	width: 100%;
	height: 100%;
	color: #fff;
	background-color: rgba(0,0,0,0.65);
	z-index: 8;
	transition: 0.5s;
}
#g_support > div {
	background-color: #eee;
	position: absolute;
	top: max(50%, 220px);
	left: 50%;
	transform: translate(-50%, -50%);
	box-shadow: rgba(0,0,0,0.4) 0px 2px 4px, rgba(0,0,0,0.3) 0px 7px 13px -3px, rgba(0,0,0,0.2) 0px -3px 0px inset, rgba(0,0,0,0.2) 4px 4px, rgba(0,0,0,0.1) 8px 8px, rgba(0,0,0,0.05) 12px 12px;
	border: max(0.2vw, 3px) solid #222;
}
#g_support span {
	display: block;
	font-size: max(1.15vw, 1em);
	color: #222;
	text-align: center;
	padding: max(0.6vw, 10px);
}
#g_support_select div, #g_support_buttons div {
	font-size: min(2.75vw, 1em);
	cursor: pointer;
	display: inline-block;
	background-color: #ccc;
	border: 1px solid #000;
	margin: 0 !important;
	padding: max(0.3vw,5px) max(0.6vw,10px) max(0.3vw,5px) max(0.6vw,10px);
	white-space: nowrap;
	user-select: none;
	-webkit-user-select: none;
}
#g_support_text {
	display: block;
	height: 60dvh; 
	overflow: auto scroll;
	border: 1px solid #000;
	background-color: #fff;
	padding: max(0.3vw,5px);
	text-align: left !important;
}
#g_support_text .g_logged_in_show, #g_support_text .g_logged_out_show { padding-left: 20px !important; }
#g_support_text select, #g_support_text input {
	font-size: max(1vw, 0.8em);
	margin: 0 5px 0 5px;
	padding: 3px 8px 3px 8px;
	cursor: pointer;
}
#g_support_text dt { font-weight: bold !important; }
#g_support_text h3 { padding-top: 10px !important; }
#g_support_audio { display: none; }
#g_modal {
	visibility: hidden;
	position: fixed;
	width: 100%;
	height: 100%;
	color: #fff;
	background-color: rgba(0,0,0,0.65);
	z-index: 9;
	transition: 0.5s;
}
#g_modal > div {
	background-color: #eee;
	position: absolute;
	top: max(50%, 220px);
	left: 50%;
	transform: translate(-50%, -50%);
	box-shadow: rgba(0,0,0,0.4) 0px 2px 4px, rgba(0,0,0,0.3) 0px 7px 13px -3px, rgba(0,0,0,0.2) 0px -3px 0px inset, rgba(0,0,0,0.2) 4px 4px, rgba(0,0,0,0.1) 8px 8px, rgba(0,0,0,0.05) 12px 12px;
	border: max(0.2vw, 3px) solid #222;
}
#g_modal span {
	display: block;
	font-size: max(1.15vw, 1em);
	color: #222;
	text-align: center;
	padding: max(0.6vw, 10px);
}
#g_modal_yn, #g_modal_ok { display: none !important; }
.g_modal_yn #g_modal_yn, .g_modal_ok #g_modal_ok { display: block !important; }
#g_modal input {
	font-size: max(1.15vw, 1em);
	margin: 0.25vw 0.5vw 0.25vw 0.5vw;
	padding: 0.25vw 0.5vw 0.25vw 0.5vw;
	width: max(4vw, 50px);
	font-weight: bold;
	cursor: pointer;
	background-color: #ddd;
	transition: 0.15s;
}
.g_disabled, .g_disabled svg  {
	opacity: 0.35 !important;
	cursor: initial !important;
}
.g_show {
	display: block !important;
	visibility: visible !important;
}
.g_show_flex {
	display: flex !important;
	visibility: visible !important;
}
.g_parse_has_download, .g_parse_issue, .g_parse_delete { cursor: pointer; }
#g_fragments { display: none; }
#g_menu, #g_menu_cover {
	width: 0vw;
	position: fixed;
	left: 0;
	top: 105px;
	transition: 0.25s;
}
#g_menu {
	direction: rtl; 
	border-width: 0;
	border-right: 1px solid;
	border-image: linear-gradient(to bottom, #eee 10%, #eee 90%, #fff) 1 100%;
	background: linear-gradient(to bottom, #eee 0%, #eee 25%, #fff 75.5%, #fff 76%, #fff 100%);
	font-size: max(0.9vw, 13px);
	height: calc(100% - 100px);
	z-index: 6;
	user-select: none;
	-webkit-user-select: none;
	overflow-y: auto;
	scrollbar-width: thin;
}
#g_menu_cover {
	display: none;
	height: max(10px, 1vw);
	z-index: 7;
	background-image: linear-gradient(to bottom, rgba(221,221,221,1), rgba(255,221,221,0));
}
.g_menu_scrolled #g_menu_cover { display: block !important; }
#g_about_start {
	width:100vw;
	background: linear-gradient(90deg, rgba(221,221,228,0) 20%, rgba(221,221,228,1) 45%, rgba(221,221,228,1) 55%, rgba(221,221,228,0) 80%);
}
.g_app_mode #g_top { background: linear-gradient(to right, #eee 0%, #eee 12%, #fff 88%, #fff 100%) !important; }
.g_app_mode #g_body {
	transition: 0.25s;
	background-color: #fff !important;
}
#g_verify_notification { color: #F44; }
.g_app_verified #g_verify_button, .g_app_verified #g_verify_notification, #g_account_user_sendmail { display: none !important; }
.g_app_verified #g_account_user_sendmail { display: inline !important; }

#g_home_label b {
	display: none;
	color: #F53;
}
.g_app_admin #g_home_label span { display: none !important; }
.g_app_admin #g_home_label b { display: initial !important; }
#g_menu_button {
	position: absolute;
	top: -110px;
	left: min(50px, 5vw);
	height: 110px;
	z-index: 9;
	cursor: pointer;
	transition: 0.5s;
	user-select: none;
	-webkit-user-select: none;
}
.g_app_mode #g_content {
	border: 2px solid;
	border-image: linear-gradient(to right, #ddd 0%, #fff 88%, #fff 100%) 1;
	border-right: 0;
	border-bottom: 0;
}
.g_app_mode #g_menu, .g_app_mode #g_menu_cover { width: max(175px, 12%); }
.g_app_mode #g_content { margin-left: max(175px, 12%); }
.g_app_mode:not(.g_logged_in):not(.g_app_no_menu) #g_content.g_content_menu_account {
	overflow: visible !important;
	margin-right: max(175px, 12%);
}
#g_menu div {
	text-align: right;
	font-weight: bold;
	font-size: 1em;
	padding: 10px 20px 5px 0px;
	font-size: 1.75em;
}
#g_issue_content {
	height: calc(100dvh - 250px - 2vw);
	margin-bottom: max(0.5vw, 10px);
	overflow-y: auto;
	mask-image: linear-gradient(to bottom, transparent 0%, black 45px, black calc(100% - 20px), transparent 100%);
}
#g_parser_info_input_container {
	overflow: auto;
	white-space: nowrap;
}
#g_account_input_container button, #g_parser_info_input_container button {
	padding: 10px max(3vw,16px);
	margin: 10px 5px 0px 0px;
	font-size: 18px;
	border: none;
	border-radius: 5px;
	transition: all 0.2s;
	text-shadow: 0 2px 0 #000;
	box-shadow: 0 0 0 2px #ddd, 0 0 0 4px #eee;
	display: inline-block;
	color: #fff;
	cursor: pointer;
	outline: 0;
	background: linear-gradient(0deg, var(--g-button-secondary) 0%, var(--g-button-primary) 100%);
}
#g_account_user { font-weight: bold; }
#g_account_user_sendmail { cursor: pointer; }
#g_account_user_sendmail:hover { text-decoration: underline; }
#g_parser_info_delete, #g_logout_button { background: linear-gradient(0deg, var(--g-button-alert-secondary) 0%, var(--g-button-alert-primary) 100%) !important; }
#g_account_input_container button:disabled, #g_parser_info_input_container button:disabled {
	background: linear-gradient(0deg, #444 0%, #888 100%) !important;
	cursor: default !important;
}
#g_issue_content b {
	font-size:  max(0.9vw, 13px);
	margin-top: 30px;
	display: block;
}
.g_from { color: #484; }
.g_to { color: #444; }
#g_issue_input_container, #g_issue_content p {
	margin-left: 10px;
	max-width: max(60%, 400px);
}
#g_issue_input_container {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	border: 2px solid #ddd;
	border-radius: 5px;
	padding: 0 5px 0 5px;
	margin-top: max(5vh, 20px);
}
#g_issue_content p {
	padding: 10px;
	display: block;
	position: relative;
	background-color: #eee;
	font-size: max(0.8vw, 12px);
	border-radius: 5px;
	box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.3), 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.2);
}
#g_issue_content p::before {
	content: "";
	position: absolute;
	width: 0px;
	height: 0px;
	bottom: 100%;
	left: 1.5em;
	border: 0.55rem solid transparent;
	border-top: none;
	border-bottom-color: #eee;
	filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, 0.1));
}
#g_issue_input {
	flex-grow: 1;
	padding: 0.4vw;
	font-size: max(0.8vw, 14px);
	outline: none;
	border: none;
	background-color: transparent;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.g_issue_icon {
	cursor: pointer;
	position: relative;
	text-align: center;
	user-select: none;
	-webkit-user-select: none;
	padding: max(0.55vw, 6px) max(0.5vw, 5px) max(0.4vw, 4px) max(0.5vw, 5px);
}
.g_issue_icon svg {
	cursor: pointer;
	width: max(0.8vw, 20px);
	height: max(0.8vw, 20px);
	fill: #555;
}
.g_issue_icon > input { display: none; }
.g_drop_hover #g_issue_attach_button svg { fill: #383 !important; }
#g_menu_issues_header { display: none; }
.g_has_issues { display: block !important; }
.g_issue_attachment s {
	display: block;
	text-decoration: none !important;
}
.g_issue_attachment select {
	cursor: pointer;
	outline: none;
	border: none;
	background-color: transparent;
    font-size: max(0.8vw, 12px);
}
.g_issue_attachment s:nth-child(1) {
	cursor: pointer;
	text-decoration: underline !important;
	font-style: italic;
	float: left;
}
.g_issue_attachment s:nth-child(2) { float: right; }
.g_issue_attachment s:nth-child(3) { clear: both; }
#g_menu ul {
	list-style-position: inside;
	direction: rtl;
	margin: 0;
	padding-right: 20px;
	font-weight: bold;
	font-size: 1em;
}
#g_menu li {
	unicode-bidi: embed;
	padding: 0;
	margin: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer;
}
#g_signup_link, #g_recovery_link {
	display: inline !important;
	color: #0074d4 !important;
	cursor: pointer;
	font-size: min(20px, 3vw);
	text-decoration: underline;
}
.g_recovery_inputs, .g_login_recovery .g_login_inputs { display: none; }
.g_login_recovery .g_recovery_inputs { display: block; }
.g_login_recovery #g_login_signup { height: auto !important; }
#g_login_only span {
	margin: auto;
	text-align: center;
}
#g_login_signup {
	height: 0px;
	overflow: hidden;
}
#g_login_container {
	margin: auto;
	margin-top: 5vh;
	margin-bottom: 3vh;
	display: block;
	background-color: #ddd;
	width: 500px;
	padding: 20px;
	box-shadow: 0px 10px 15px -3px #888;
	border: 1px solid #bbb;
	border-radius: 10px;
	overflow: hidden;
	user-select: none;
	-webkit-user-select: none;
}
#g_login_container i {
	font-style: normal !important;
	font-size: min(18px, 3.2vw);
	
}
#g_support_checkbox_container {
	text-align: center !important;
	cursor: pointer !important;
	margin-bottom: 0px !important;
}
#g_support_checkbox_container label {
	cursor: pointer !important;
	text-decoration: underline !important;
	text-decoration-thickness: 2px !important;
	font-size: min(1em, 3.5vw);
}
#g_support_checkbox {
	cursor: pointer;
	height: 20px;
	width: 20px;
}
.g_logged_out .g_logged_in_show, .g_logged_in .g_logged_out_show { display: none !important; }
.g_logged_in_show > div { white-space: nowrap; }
#g_content {
	width: calc(100% - 30px);
	max-height: 100%;
	overflow: auto;
	margin-top: 105px;
	transition: 0.25s;
	padding-top: 10px;
}
#g_content > div { display: none; }
.g_content_selected, .g_parser_selected { display: block !important; }
#g_login_container span, #g_account_container span {
	display: block;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 1.25em;
	color: #555;
	white-space: nowrap;
}
input:-webkit-autofill {
	background-color: #eee !important;
	-webkit-box-shadow: 0 0 0px 1000px #eee inset !important;
	-webkit-text-fill-color: #000 !important;
}
input:-webkit-autofill:read-only { -webkit-text-fill-color: #999 !important; }
input:not([type=file]), select, textarea {
	background-color: #eee;
	border: 1px solid #bbb;
}
#g_account_container input:read-only { color: #999 !important; }
#g_account_email_checked {
	color: #484;
	display: none;
}
.g_app_verified #g_account_email_checked { display: inline-block !important; }
#g_account_container {
	display: flex;
	flex-direction: column;
	padding-right: 40vw;
	padding-bottom: 20px;
	height: calc(100dvh - 272px);
	overflow-y: visible;
	overflow-x: hidden;
	mask-image: linear-gradient(to bottom, transparent 0%, black 25px, black calc(100% - 25px), transparent 100%);
}
#g_account_container label {
	font-size: min(22px, 2.5vw);
	white-space: nowrap;
}
#g_account_container > div { text-align: left; }
#g_account_container > #g_account_password_container {
	display: flex;
	justify-content: space-between;
}
#g_account_password_container > div {
	flex: 1;
	text-align: center;
}
#g_account_password_container > div:nth-child(2) {
	flex: 0 1;
	color: #555;
	padding: 7px 20px 0 40px;
	font-size: 1.25em;
	font-weight: bold;
	text-align: center;
}
#g_account_container input[type=text], #g_account_container input[type=password] {
	font-size: 1.25em;
	padding: 10px;
	background-color: #eee;
	border: 1px #aaa solid;
	border-radius: 5px;
	width: 100%;
}
#g_menu_billing { display: none; }
.g_app_verified #g_menu_billing { display: list-item; }
#g_billing_table {
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(12vw, 1fr));
	align-items: start;
	column-gap: 2vw;
	row-gap: 2vw;
	width: 94%;
	user-select: none;
	-webkit-user-select: none;
	padding: 10px 0 2vmax 0;
	font-size: max(0.8vmax, 13px);
}
#g_billing_table > div {
	border-radius: 4px;
	background: #fff;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.4);
	overflow: hidden;
	position: relative;
}
#g_billing_table h2 {
	margin: 0;
	padding: 1rem;
	background: var(--g-button-primary);
	text-align: center;
	font-weight: bold;
	color: #fff;
	position: relative;
}
#g_billing_table h2::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 3px;
	left: 0;
	bottom: 0;
	background: #000;
	background: linear-gradient(90deg, var(--g-button-primary) 0%, var(--g-billing-light) 50%, var(--g-button-primary) 100%);
}
#g_billing_table > div > b {
	display: block;
	padding: 0.2rem 1rem;
	background: linear-gradient(45deg, var(--g-button-secondary) 0%, var(--g-billing-dark) 100%);
	color: #fff;
	text-shadow: 0 4px 0 var(--g-billing-dark);
	font-size: 1.2em;
	font-weight: normal;
	text-align: center;
	box-shadow: inset 0 10px 4px -6px rgba(0, 0, 0, 0.1);
}
#g_billing_table > div > b > span {
	display: inline;
	font-size: 4em;
	font-weight: 700;
}
#g_billing_table p {
	padding: 0 1rem 0 1rem;
	min-height: max(8vw, 160px);
}
#g_billing_table ul {
	list-style: none;
	padding: 0 0 1rem 0;
	margin: 0;
	border-bottom: 1px solid var(--g-button-primary);
}
#g_billing_table li {
	padding: 0.8em 1em;
	font-weight: bold;
}
#g_billing_table li:nth-child(odd) { background: var(--g-billing-light); }
#g_billing_container button {
	padding: 1em 2em;
	font-size: 1rem;
	margin: 1rem auto;
	border: none;
	border-radius: 5px;
	transition: all 0.2s;
	display: none;
	text-shadow: 0 2px 0 #000;
	box-shadow: 0 0 0 2px #ddd, 0 0 0 4px #eee;
}
#g_billing_portal_button { padding: 1em 4em !important; }
.g_billing_basic #g_billing_portal_button, .g_billing_managed #g_billing_portal_button, .g_billing_enterprise #g_billing_portal_button, .g_billing_free #g_billing_table button:nth-child(3n+1), .g_billing_basic #g_billing_table button:nth-child(3n+2), .g_billing_managed #g_billing_table button:nth-child(3n+2), .g_billing_enterprise #g_billing_table button:nth-child(3n+2) {
	display: block;
	color: #fff;
	background: linear-gradient(0deg, var(--g-button-secondary) 0%, var(--g-button-primary) 100%);
	cursor: pointer;
}
#g_billing_free button:nth-child(1), .g_billing_loading #g_billing_table button:nth-child(3n) {
	cursor: default !important;
	background: linear-gradient(0deg, #333 0%, #666 100%) !important;
	color: #ddd;
}
#g_billing_portal_info {
	font-size: max(0.8vmax, 13px);
	text-align:center;
	color: #444;
	display: none;
}

.g_billing_free #g_billing_portal_info { display: block; }
.g_billing_loading #g_billing_table button:nth-child(3n) { display: block; }
#g_billing_table > div > u, #g_billing_popular {
	display: none;
	transform: rotate(-45deg);
	position: absolute;
	z-index: 1;
	padding: 0.5rem 4rem;
	top: 2rem;
	left: -4rem;
	box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
	text-decoration: none !important;
	background: linear-gradient(90deg, #a8a8a8 0%, #ededed 50%, #a8a8a8 100%);
	border: 2px solid #ffffff;
}
#g_billing_popular {
	background: linear-gradient(90deg, #a58430 0%, #eeb449 50%, #a58430 100%);
	border: 2px solid #ffbc69;
}
.g_billing_free #g_billing_free > u, .g_billing_free #g_billing_popular, .g_billing_basic #g_billing_basic > u, .g_billing_managed #g_billing_managed > u, .g_billing_enterprise #g_billing_enterprise > u { display: block !important; }
#g_login_container input[type=text], #g_login_container input[type=password], #g_captcha_container {
	display: block;
	font-size: 1.25em;
	padding: 10px;
	background-color: #eee;
	border: 1px #aaa solid;
	border-radius: 5px;
	min-width: 100px;
	width: 80%;
	margin: auto;
}
#g_captcha_container {
	padding: 0px 10px 0px 10px;
	display: flex;
}
#g_captcha_container input[type=text] {
	display: block;
	outline: none;
	border: none;
	padding: 10px 0px 10px 0px;
	margin: 0;
	width: 50%;
	font-size: 1em;
	flex: 2;
	text-transform: uppercase;
}
#g_captcha_container img {
	display: block;
	outline: none;
	margin: 10px 0px 10px 0px;
	border: 1px #666 solid;
	border-radius: 5px;
	width: 30%;
	height: 30px;
	font-size: 1em;
	background-color: #fff;
	animation: g_captcha_loading 1s infinite;
}
#g_content_about input[type=button], #g_login_container input[type=submit] {
	cursor: pointer;
	display: block;
	font-size: 1.25em;
	padding: 10px;
	color: #fff;
	background-color: #0074d4;
	border: 1px #888 solid;
	border-radius: 5px;
	margin: 30px auto 30px auto;
	box-shadow: 0px 5px 10px -2px #888;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
}
#g_login_container input[type=submit] { width: 90%; }
#g_content_about input[type=button] { padding: 10px 50px 10px 50px; }
#g_content > div { padding: 10px 20px 0px 20px; }
#g_content_about {
	height: calc(100dvh - 125px);
	overflow: auto;
	overflow-x: hidden;
	padding: 10px 0px 0px 0px !important;
	mask-image: linear-gradient(to bottom, transparent 0%, black 25px, black calc(100% - 25px), transparent 100%);
	background-image: repeating-linear-gradient(135deg, rgb(232,232,232) 0px, rgb(232,232,232) 2px,transparent 2px, transparent 4px),linear-gradient(90deg, rgb(238,238,238),rgb(238,238,238));
}
#g_content.g_content_menu_about { padding-top: 0 !important; }
#g_content_account {
	height: calc(100dvh - 135px);
	overflow: auto;
	overflow-x: hidden;
}
#g_content_billing {
	height: calc(100dvh - 135px);
	overflow: auto;
	overflow-x: hidden;
	mask-image: linear-gradient(to bottom, transparent 0%, black 25px, black calc(100% - 25px), transparent 100%);
}
#g_start_button_alt, #g_about_play_alt, #g_about_links  { cursor: pointer; }
#g_about_text {
	text-align: center;
	width: 50vw;
	margin: auto;
	background: #fafafa;
	box-shadow: 0 0 10px rgba(0,0,0,0.3), 0 0 300px 25px rgba(255,255,255,0.7) inset;
	margin: 0% 50% auto;
	left: -26vw;
	padding: 24px;
	position: relative;
}
#g_about_text:before, #g_about_text:after {
	content: '';
	background: #fafafa;
	box-shadow: 0 0 8px rgba(0,0,0,0.2), inset 0 0 300px rgba(255,255,255,0.7);
	width: inherit;
	height: 100vh;
	position: absolute;
	z-index: -2;
}
#g_about_text:before {
	left: -4px;
	top: 2px;
	transform: rotate(0deg);
	animation: g_about_doc_text_before 1.5s ease 0.25s forwards;
}
#g_about_text:after {
	right: -3px;
	top: 2px;
	transform: rotate(0deg);
	animation: g_about_doc_text_after 1s ease 0.75s forwards;
}
#g_about_text a {
	padding-bottom: 3vh;
	color: #000;
}
#g_about_text p { font-size: max(16px, 1.1vw); }
#g_about_text h1, #g_about_text span {
	font-weight: bold;
	font-size: max(24px, 1.5vw);
}
#g_about_text_mobile_only {
	display: none;
	font-style: italic;
	font-size: max(14px, 1vw) !important;
}
.g_mobile #g_about_text_mobile_only { display: block !important; }
#g_about_doc_container {
	position: relative;
	width: 100%;
	height: max(100px, 20vh);
	overflow: hidden;
	background-color: #fff;
	background-image: radial-gradient(ellipse farthest-side at center bottom, #ccc 0%, #eee 100%);
	border-width: 0px;
	border-style: solid;
	border-image: linear-gradient(to right, #eee, #aaa, #eee) 1;
	border-bottom-width: 3px;
}
#g_about_doc_left, #g_about_doc_right {
	opacity: 0;
	display: flex;
	justify-content: center;
	align-content: center;
	flex-direction: column;
	position: absolute;
	height: max(100px, 20vh);
	width: 50vw;
	top: 0;
	text-align:center;
	transition: 0.2s;
	color: #444;
	font-family: Gristle,'Trebuchet MS',Arial,sans-serif;
	font-size: 2vw;
}
#g_about_doc_left span:nth-child(1), #g_about_doc_right span:nth-child(1) { display: inline; }
#g_about_doc_left span:nth-child(2), #g_about_doc_right span:nth-child(2) { display: none; }
#g_about_doc_left {
	left: 0;
	animation: g_about_doc_left 10s infinite;
}
#g_about_doc_right {
	right: 0;
	animation: g_about_doc_right 10s infinite;
}
#g_about_doc {
	height: max(100px, 20vh);
	display: block;
	position: absolute;
	width: 40%;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 7;
	animation: g_about_doc 10s infinite;
	transition: 0.5s;
}
#g_about_doc path:nth-child(1) { filter: drop-shadow(20px 20px 20px #ff0000); }
#g_about_doc path:nth-child(n+3):nth-child(-n+5) { animation: g_about_doc_in_1 10s infinite; }
#g_about_doc path:nth-child(n+5):nth-child(-n+7) { animation: g_about_doc_in_2 10s infinite; }
#g_about_doc path:nth-child(n+8):nth-child(-n+9) { animation: g_about_doc_in_3 10s infinite;  }
#g_about_doc path:nth-child(n+10):nth-child(-n+15) { animation: g_about_doc_in_4 10s infinite;  }
#g_about_doc path:nth-child(16) { animation: g_about_doc_out_fade_in 10s infinite; }
#g_about_doc path:nth-child(n+17):nth-child(-n+23) { animation: g_about_doc_out_1 10s infinite; }
#g_about_doc path:nth-child(n+24):nth-child(-n+30) { animation: g_about_doc_out_2 10s infinite; }
#g_about_doc path:nth-child(n+31):nth-child(-n+36) { animation: g_about_doc_out_3 10s infinite; }
#g_about_direction, #g_about_diy, #g_about_help {
	width: max(100px, 10vw);
	display: block;
	margin: auto;
}
#g_about_demo {
	background-image: radial-gradient(ellipse farthest-side at center bottom, #ddd 0%, #fafafa 100%);
	border-width: 0px;
	border-style: solid;
	border-image: linear-gradient(to right, #eee, #aaa, #eee) 1;
	border-bottom-width: 3px;
	padding-top: 60px;
	padding-bottom: 20px;
	transition: 0.5s;
}
#g_about_demo svg {
	width: 25%;
	display: block;
	margin: auto;
	cursor: pointer;
	animation: g_about_play 3s ease-in-out infinite;
}
#g_about_demo path {
	transition: 0.25s;
}
#g_about_demo video {
	aspect-ratio: 1 / 1;
	width: 100%;
	height: 0;
	outline: none;
	transform-origin: top;
	transform: scaleY(0.25);
	transition: transform 0.25s ease-in-out;
}
#g_about_demo.g_about_demo_show {
	padding-top: 0px;
	padding-bottom: 0px;
	border: 2px solid #ccc;
	box-shadow: 0px 0px 15px 0px rgba(150, 150, 150, 1);
}
#g_about_demo.g_about_demo_show video {
	display: block;
	height: auto;
	transform: scaleY(1);
}
#g_about_demo.g_about_demo_show svg {
	display: none;
}
#g_about_left_container > div, #g_about_right_container > div {
	background-color: #fff;
	background-image: radial-gradient(ellipse farthest-side at center bottom, #ddd 0%, #fafafa 100%);
	border-width: 0px;
	border-style: solid;
	border-image: linear-gradient(to right, #eee, #aaa, #eee) 1;
	border-bottom-width: 3px;
}
#g_about_left_container, #g_about_right_container { width: 48%; }
#g_about_left_container { float: left; }
#g_about_right_container { float: right; }
#g_content_issues { padding: 10px 0px 0px 20px; }
#g_parser_info_form input[type=text], #g_parser_info_form textarea {
	display: block;
	width: 45vmax;
	transition: 0.2s;
}
#g_parser_info_form select {
	width: 30vmax;
}
#g_parser_description {
	height: 15vh;
	min-height: 50px;
}
#g_parser_readonly_display {
	color: #f44;
	font-size: max(0.5vw, 14px);
	font-variant: small-caps;
	display: none;
}
#g_parser_readonly_label { display: none; }
.g_app_admin #g_parser_readonly_label { display: initial !important; }
.g_parser_readonly #g_parser_readonly_display { display: inline; }
.g_parser_readonly .g_f_help_icon { display: none; }
.g_app_no_menu #g_parser_info_form input[type=text], .g_app_no_menu #g_parser_info_form textarea {
	width: 90% !important;
}
.g_app_no_menu #g_parser_info_form select { width: 50%; }
#g_menu_parser {
	overflow: auto;
	white-space: nowrap;
	user-select: none;
	-webkit-user-select: none;
}
#g_menu_parser > div {
	display: inline-block;
	padding-right: 20px;
	font-weight: bold;
	color: #444;
	font-size: max(0.6vw, 18px);
	line-height: max(0.7vw, 28px);
}
#g_menu_parser > div > span {
	margin-right: 10px;
	height: max(0.8vw, 30px);
	width: max(0.8vw, 30px);
	background-color: #bbb;
	border-radius: 50%;
	text-align: center;
	display: inline-block;
	color: #fff;
	font-weight: bold;
}
#g_menu_parser > div > u { text-decoration: none; }
.g_menu_selected { color: #484 !important; }
.g_menu_parser_selected > u, .g_menu_parser_selected > span {
	text-decoration: underline !important;
	text-decoration-thickness: 2px !important;
}
.g_menu_parser_capable  {
	cursor: pointer;
	color: #040 !important;
}
.g_menu_parser_capable > span {
	background-color: #8b8 !important;
	color: #efe !important;
}
#g_parser_content {
	overflow-x: hidden;
	width: 100%;
}
#g_parser_info, #g_parser_map, #g_parser_parse { display: none; }
#g_parser_map_upload, #g_parser_parse_upload {
	border: 2px dashed #080;
	width: 55%;
	height: 20%;
	padding: 10vh 5vw 10vh 5vw;
	margin: auto;
	text-align: center;
	background-color: #bdb;
	overflow: hidden;
}
body:not(.g_app_no_menu) #g_parser_map_upload, body:not(.g_app_no_menu) #g_parser_content:not(.g_has_files) #g_parser_parse_upload {
	padding: 10vh 3vw 10vh 3vw !important;
	margin-top: max(100px, 6%) !important;
	margin-left: max(175px, 12%) !important;
}
.g_app_no_menu #g_parser_map_upload, .g_app_no_menu #g_parser_content:not(.g_has_files) #g_parser_parse_upload {
	padding: 25vh 3vw 25vh 3vw !important;
	width: 80% !important;
	margin: auto !important;
}
#g_parser_map_upload input, #g_parser_parse_upload input {
	padding: 0.2vw 0.4vw 0.2vw 0.4vw;
	font-size: max(1vw, 16px);
}
.g_has_files #g_parser_parse_upload {
	width: auto;
	height: auto;
	margin: 0 auto 20px auto;
	padding: 20px 10px 20px 10px !important;
}
.g_drop_hover #g_parser_map_add { background-color: #afa !important; }
.g_drop_hover #g_parser_map_upload, .g_drop_hover #g_parser_parse_upload { background-color: #ded !important; }
.g_drop_hover #g_parser_map_upload label, .g_drop_hover #g_parser_parse_upload label, .g_drop_hover #g_parser_parse_upload span { background-color: #fff !important; }
#g_parser_info_form {
	height: calc(100dvh - 300px - 0.6vw);
	padding: 5px 0px 15px 0px;
	overflow-y: auto;
	mask-image: linear-gradient(to bottom, transparent 0%, black 20px, black calc(100% - 20px), transparent 100%);
	font-size: max(0.6vw, 16px);
}
#g_parser_info_form > div { margin-bottom: 15px; }
#g_parser_info_form > div > b {
	display: block;
	margin-bottom: 5px;
	font-weight: normal !important;
}
#g_parser_info_form > div > b > label > input { display: inline-block !important; }
#g_parser_info_form select, #g_parser_info_form input, #g_parser_info_form textarea {
	margin-left: 1px;
	padding: 5px 10px 5px 10px;
	font-size: max(0.6vw, 14px);
	display: block;
	position: relative;
	z-index: 1;
}
#g_parses_list {
	height: calc(100dvh - 385px);
	padding-top: 5px;
	overflow: auto;
	mask-image: linear-gradient(to bottom, transparent 0%, black 15px, black calc(100% - 15px), transparent 100%);
	display: none;
}
.g_has_files #g_parses_list { display: block !important; }
#g_parser_parse hr { display: none; }
.g_has_files #g_parser_parse hr { display: block !important; }
#g_parses_list span svg {
	display: inline-block;
	vertical-align: bottom;
}
#g_parses_page_list {
	white-space: nowrap;
	text-align: center;
}
#g_parses_list table, #g_parses_page_list div {
	overflow-y: auto;
	width: 100%;
	padding-top: 3px;
}
#g_parses_page_list hr { padding-bottom: 10px; }
#g_parses_page_list button, #g_parser_map_upload label, #g_parser_parse_upload label, #g_parser_parse_upload span {
	padding: 5px 10px 5px 10px;
	border-radius: 0px 0px 0px 0px;
	border-width: 2px 0px 0px 2px;
	line-height: max(0.4vw, 20px);
	font-size: max(0.4vw, 14px);
	font-weight: bold;
	cursor: pointer;
	border: 0px !important;
	background-color: #eee;
	color: #444;
}
#g_parses_page_list button:disabled {
	text-decoration: underline;
	text-decoration-thickness: 2px !important;
	background-color: #ddd !important;
	color: #000 !important;
}
#g_parses_page_list button:first-child {
	border-radius: 10px 0px 0px 10px !important;
}
#g_parses_page_list button:nth-last-child(3) {
	border-radius: 0px 10px 10px 0px !important;
}
#g_parses_page_list button:nth-last-child(1), #g_parses_page_list button:nth-last-child(2), #g_parser_map_upload label, #g_parser_parse_upload label, #g_parser_parse_upload span {
	border-radius: 10px 10px 10px 10px !important;
}
#g_parses_list th {
	text-align: left;
	white-space: nowrap;
	padding-left: 10px;
	padding-right: 10px;
}
#g_parses_list td {
	white-space: nowrap;
	padding-left: 10px;
	padding-right: 10px;
}
#g_parses_list td:nth-child(1), #g_parses_list th:nth-child(1) {
	width: 1%;
	padding-left: 0px !important;
	white-space: nowrap;
}
#g_parses_list td:nth-child(4) {
	position: relative;
	padding-left: 20px;
}
#g_parses_list td:nth-child(4) i {
	position: absolute;
	top:25%;
	left:0;
	border-radius: 50%;
	background-color: #666;
	margin-right: 5px;
	height: 10px;
	width: 10px;
}
.g_parse_list_queued td:nth-child(4) i, .g_parse_list_processing td:nth-child(4) i { animation: g_status_waiting 2.5s infinite; }
.g_parse_list_push_queued td:nth-child(4) i, .g_parse_list_push_processing td:nth-child(4) i { animation: g_status_pushing 2.5s infinite; }
.g_parse_list_error td:nth-child(4) i { background-color: #F44 !important; }
.g_parse_list_push_error td:nth-child(4) i { background-color: #B84 !important; }
.g_parse_list_complete td:nth-child(4) i, .g_parse_list_push_complete td:nth-child(4) i { background-color: #4A4 !important; }
.g_parse_link_has_download {
	text-decoration: underline;
	cursor: pointer;
}
.g_parse_no_download { display: none; }
#g_parsers > div { cursor: pointer; }
#g_gtf_view_display, #g_gtf_filter_view_display {
	font-size: max(0.6vw, 16px);
	font-variant: small-caps;
}
#g_gtf_view_display, #g_gtf_edit_display, #g_gtf_filter_view_display, #g_gtf_filter_edit_display {
	display: none;
}
#g_gtf_mode_group, #g_gtf_column_group, #g_gtf_filter_group  {
	display: flex;
}
#g_gtf_view_display > span, #g_gtf_filter_view_display > span {
	text-decoration: underline;
	font-weight: bold;
	cursor: pointer;
}
#g_gtf_column_color_container {
	display: block;
	position: relative;
	border: 1px solid #888;
	user-select: none;
	-webkit-user-select: none;
	width: max(8vw, 200px);
	font-size: max(0.6vw, 16px);
}
#g_gtf_column_join_column { font-size: max(0.6vw, 14px); }
#g_gtf_column_join_delimiter {
	width: max(8vw, 200px);
	font-size: max(0.6vw, 14px);
}

#g_gtf_column_color_selected {
	cursor: pointer;
	padding: 2px 10px 1px 10px;
	display: flex;
	font-size: max(0.6vw, 16px);
}
#g_gtf_column_color_choices {
	display: none;
	position: absolute;
	width: 100%;
	top: max(1.15vw, 30px);
	left: 0;
	z-index: 2;
	cursor: pointer;
	border: 1px solid #888;
	scrollbar-width: thin;
	overflow-y: auto;
	max-height: 50vh;
}
#g_gtf_column_color_choices > div {
	text-overflow: ellipsis;
	overflow:hidden;
	white-space: nowrap;
	padding: 3px 10px 3px 10px;
	border: 1px solid #888;
}
#g_gtf_column_color_choices > div:last-child { font-weight: bold; }
#g_gtf_column_name_text {
	outline: none;
	border: none;
	background-color: transparent;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	flex: 2;
	padding-left: 5px;
	font-size: max(0.6vw, 14px);
}
#g_gtf_filter_value_container {
	display: block;
	position: relative;
	width: max(8vw, 250px);
	border: 1px solid #888;
	background-color: #EEE;
	user-select: none;
	-webkit-user-select: none;
	text-align: center;
}
#g_gtf_filter_value_choices {
	flex-wrap: nowrap;
	display: none;
	position: absolute;
	width: 100%;
	top: max(1.15vw, 30px);
	font-size: max(0.4vw, 14px);
	left: 0;
	z-index: 2;
	cursor: pointer;
	border: 1px solid #888;
	scrollbar-width: thin;
	overflow-y: auto;
	max-height: 50vh;
}
#g_gtf_filter_value_choices > div {
	display: flex;
	text-align: left;
	white-space: nowrap;
	padding: max(0.1vw,2px) max(0.3vw,6px) max(0.20vw,4px) max(0.3vw,6px);
	border: 1px solid #888;
	background-color: #EEE;
}
#g_gtf_filter_value_choices > div:first-child {
	text-align: center;
}
#g_gtf_filter_value_choices span {
	display: inline-block;
	height: 100%;
	padding-left: max(0.2vw, 8px);
	font-size: max(0.7vw, 20px);
	line-height: max(0.7vw, 20px);
}
#g_gtf_filter_value_choices span:first-child {
	font-size: max(0.5vw, 14px);
	line-height: max(0.7vw, 20px);
	padding: 0 !important;
	text-overflow: ellipsis;
	overflow: hidden;
	flex-grow: 1;
}
#g_gtf_filter_value_text {
	margin: auto;
	height: 95%;
	width: 90%;
	font-size: max(0.4vw, 14px);
	outline: none;
	border: none;
	background-color: transparent;
}
#g_gtf_filter_value_replace_text, #g_gtf_filter_pre_text {
	font-size: max(0.4vw, 14px);
	width: max(5vw, 150px);
	padding-right: 5px;
	padding-left: max(0.25vw, 12px);
}
#g_gtf_filter_pre_text { display: none; }
.g_gtf_icon {
	cursor: pointer;
	display: flex;
	flex-shrink: 0;
	height: max(1vw, 24px);
	width: max(1vw, 24px);
	position: relative;
	text-align: center;
	border: 1px solid #888;
	background-color: #eee;
	overflow: hidden;
	user-select: none;
	-webkit-user-select: none;
	fill: #000000;
}
.g_gtf_icon b {
	top: calc(max(1vw, 24px) * -1);
	left: 0;
	width: 100%;
	color: #444;
	text-align: center;
	position: absolute;
	font-size: max(0.4vw, 10px);
	line-height: max(0.4vw, 10px);
	font-variant: small-caps;
	display: block;
}
.g_gtf_icon, .g_gtf_icon_long, #g_gtf_filter_value_container, #g_gtf_column_color_container, #g_gtf_view_display, #g_gtf_filter_view_display {
	padding: 3px;
}
.g_gtf_icon > input { display: none; }
.g_gtf_icon_long {
	cursor: pointer;
	display: flex;
	height: max(1vw, 24px);
	position: relative;
	text-align: center;
	border: 1px solid #888;
	background-color: #eee;
	user-select: none;
	-webkit-user-select: none;
}
.g_gtf_icon_separator {
	display: flex;
	height: auto;
	width: 8px;
	user-select: none;
	-webkit-user-select: none;
}
.g_gtf_icon svg {
	cursor: pointer;
	width: max(0.8vw, 20px);
	height: max(0.8vw, 20px);
	margin: auto;
	padding-top: 2px;
}
.g_gtf_icon_active, .g_app_no_menu #g_gtf_widescreen_button { background-color: #ded !important; }
.g_gtf_icon_active svg, .g_app_no_menu #g_gtf_widescreen_button svg { fill: #383 !important; }
.g_gtf_icon_active line, .g_app_no_menu #g_gtf_widescreen_button line { stroke: #383 !important; }
.g_gtf_icon_multi_map { display: none; }
#g_gtf_column_fg_color, #g_gtf_column_bg_color { cursor: pointer; }
#g_gtf_column_fg_container {
	color: var(--g-gtf-selected-bgcolor);
	background-color: var(--g-gtf-selected-fgcolor);
	fill: var(--g-gtf-selected-bgcolor);
}
#g_gtf_column_bg_container {
	color: var(--g-gtf-selected-fgcolor);
	background-color: var(--g-gtf-selected-bgcolor);
	fill: var(--g-gtf-selected-fgcolor);
}
#g_gtf_column_fg_color, #g_gtf_column_bg_color {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	opacity: 0;
}
#g_gtf_column_join_column_detail {
	display: none;
	cursor: default;
	font-size: max(0.6vw, 14px);
	line-height: max(1vw, 24px);
}
#g_gtf_column_join_column, #g_gtf_column_join_delimiter {
	outline: none;
	margin-left: 2px;
	margin-right: 2px;
	background-color: transparent;
	border: none;
}
#g_gtf_column_join_column { cursor: pointer; }
#g_gtf_column_join_delimiter {
	border-bottom: 1px dotted #000 !important;
	width: 35px;
	cursor: text;
}
#g_parser_scrollbar {
	position: relative;
	width: 100%;
	height: 20px;
	user-select: none;
	-webkit-user-select: none;
	padding-top: 10px;
	padding-bottom: 10px;
}
#g_parser_scrollbar_button {
	display: block;
	z-index: 3;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 50%;
	left: -10px;
	width: 20px;
	height: 20px;
	font-weight: bold;
	background-color: #ccc;
	text-align: center;
	user-select: none;
	-webkit-user-select: none;
	display: none;
}
#g_parser_scrollbar_line {
	z-index: 2;
	position: absolute;
	transform: translateY(-50%);
	top: 50%;
	left: 0;
	width: 100%;
	border: 1px solid;
	border-image: linear-gradient(to right, #ccc 0%, #fff 88%, #fff 100%) 1;
	border-left: 0;
	border-right: 0;
}
.g_scrollable #g_parser_scrollbar_button { display: block; }
.g_scrollable { cursor: pointer; }
#g_gtf_editor { width: 100%; }
#g_gtf_editor_controls_container {
	position: relative;
	top: 0;
	left: 0;
	user-select: none;
	-webkit-user-select: none;
}
#g_gtf_editor_controls {
	display: flex;
	position: relative;
	z-index: 1;
	white-space: nowrap;
}
#g_gtf_editor_data {
	display: block;
	position: relative;
	padding: calc(var(--g-gtf-font-size) + 2px) 20px 10px 20px;
	height: calc(100dvh - 260px - 1.3vw);
	overflow: scroll;
	scrollbar-width: thin;
	background-color: #ddd;
	border: 1px solid #888;
	user-select: none;
	-webkit-user-select: none;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: var(--g-gtf-font-size);
	cursor: grab;
}
#g_gtf_editor_data_map_num {
	position: absolute;
	font-variant: small-caps;
	color: #444;
	background-color: #bbb;
	padding: 2px 5px 2px 5px;
	line-height: calc(var(--g-gtf-font-size) - 3px);
	font-size: calc(var(--g-gtf-font-size) - 3px);
	box-shadow: 1px 1px 2px 0px #000;
	border: 1px solid #888;
	border-top: 0;
	border-left: 0;
	top: 0;
	left: 0;
	z-index: 2;
}
.g_ruler #g_gtf_editor_data_map_num { display: none; }
#g_gtf_editor_data i {
	font-style: normal !important;
	opacity: 1;
	cursor: pointer;
	position: relative;
}
#g_gtf_editor_data b {
	font-weight: normal !important;
	position: absolute;
	line-height: 100%;
	top: 0;
	left: -7px;
	width: 0px;
	color: transparent;
	height: 100%;
	padding-right: 2px;
	text-align: right;
	background-color: #ddd;
	background: linear-gradient(90deg, rgba(221,0,0,0) 0%, rgba(221,221,221,1) 20%);
	overflow: hidden;
	transition: 0.5s;
}
.g_mobile #g_gtf_editor_data i b.g_gtf_rule_edit, .g_mobile #g_gtf_editor_data b.g_gtf_rule_edit, .g_gtf_rule_active, .g_gtf_rule_pattern_view_mode {
	left: -27px !important;
	width: 20px !important;
	color: inherit !important;
	font-size: min(24px, var(--g-gtf-font-size));
}
.g_gtf_rule_active { overflow: visible !important; }
.g_gtf_pattern_edit {
	position: absolute;
	top: 0px;
	left: 10px;
	height: auto;
	padding: 5px;
	font-size: 14px;
	font-style: normal;
	border: 1px solid #000;
	color: #000 !important;
	background-color: #eee;
	box-shadow: -5px -5px 5px #666;
	text-align: center;
}
.g_gtf_rule_pattern_view_mode {
	font-weight: bold !important;
	font-size: inherit !important;
}
.g_gtf_rule_edit, .g_gtf_rule_pattern_view_mode {
	border-right-width: 5px;
	border-right-style: solid;
}
.g_gtf_has_pattern_rules, .g_gtf_rule_pattern_view_mode { border-right-style: double !important; }
.g_gtf_rule_excluded {
	border-right-width: 5px;
	border-right-style: dotted;
}
#g_gtf_editor_data.g_gtf_editor_hide_groups b { display: none !important; }
#g_gtf_editor_data i, #g_gtf_editor_data s { text-decoration: none !important; }
#g_gtf_editor_data s { color: #fff; }
#g_gtf_editor_data u {
	display: none;
	background-color: #aaa;
	text-decoration: none !important;
	cursor: pointer;
}
#g_gtf_editor_data p {
	display: block;
	padding: 0;
	margin: 0;
	width: 100%;
	border-bottom: 1px dotted #000;
}
#g_gtf_filter_group_hidden { display: none; }
.g_filtered { color: #f00 !important; }
.g_unfiltered {
	color: var(--g-gtf-selected-fgcolor) !important;
	background-color: var(--g-gtf-selected-bgcolor) !important;
}
#g_gtf_editor_data_ruler {
	position: sticky;
	top: 0;
	z-index: 1;
	width: 100%;
	background-color: #aaa;
}
#g_gtf_editor_data_ruler.g_has_column_pulldown, #g_gtf_editor_data_ruler.g_has_filter_pulldown { z-index: 0 !important; }
#g_gtf_editor_data_ruler u:first-child, #g_gtf_editor_data p u:first-child { background-color: #888; }
.g_ruler #g_gtf_editor_data { padding: 0 0 calc(var(--g-gtf-font-size) + 2px) 0 !important; }
.g_ruler #g_gtf_editor_data u { display: inline !important; }
.t_k { background-color: #ccc; }
#g_content_snippets { overflow-x: hidden; }
#g_snippets_container {
	position: relative;
	background-color: #ccc;
}
#g_snippets_info {
	color: #444;
	font-size: 1.25em;
	font-weight: bold;
	padding-bottom: 15px;
	overflow: hidden;
	width: max-content;
	white-space: nowrap;
	word-wrap: normal;
	word-break: keep-all;
	overflow-wrap: normal;
}
#g_snippets_container pre {
	width: 100%;
	height: calc(100dvh - 250px);
	overflow: auto !important;
	mask-image: linear-gradient(to bottom, transparent 0%, black 10px, black calc(100% - 10px), transparent 100%);
}
#g_snippets_menu {
	position: relative;
	padding-right: 25px;
	overflow-y: hidden;
	overflow-y: auto;
	scrollbar-width: thin;
	white-space: nowrap;
	user-select: none;
	-webkit-user-select: none;
	mask-image: linear-gradient(to right, black 0%, black calc(95% - 100px), transparent 100%);
}
#g_snippets_menu > div {
	cursor: pointer;
	display: inline-block;
	background-color: #ccc;
	color: #777;
	padding: 10px 20px 10px 20px;
	font-weight: bold;
}
.g_snippets_menu_selected {
	background-color: #aaa !important;
	color: #fff !important;
}
#g_snippets_code {
	clear: both;
	position: relative;
}
#g_snippets_code > pre {
	background: #e8e8e8;
	display: none;
}
.g_snippets_selected { display: block !important; }
#g_snippet_copy_button {
	display: block;
	position: absolute;
	cursor: pointer;
	top: 4px;
	right: 5px;
	font-size: 1.5em;
	z-index: 1;
}
.g_snippet_user, .g_snippet_pass, .g_snippet_parser_id, .g_snippet_parser_name {
	background-color: #ddd;
	color: #000;
}
.g_app_mode.g_app_no_menu #g_menu_button { top: -25px; }
body:not(.g_app_mode) #g_menu, .g_app_no_menu #g_menu {
	width: 0px !important;
	overflow: hidden !important;
}
body:not(.g_app_mode) #g_content, .g_app_no_menu #g_content {
	margin-left: 0 !important;
	width: 100%;
}
.g_app_no_menu #g_snippets_info { white-space: normal !important; }
#g_api_swagger_container {
	width: 100%;
	height: calc(100dvh - 150px);
	overflow: auto !important;
	mask-image: linear-gradient(to bottom, transparent 0%, black 10px, black calc(100% - 10px), transparent 100%);
}
.g_f_download_icon, .g_f_help_icon, .g_f_delete_icon {
	height: 20px;
	width: 20px;
}
#g_tooltip_walk {
	position: absolute;
	z-index: 9;
	top: 110px;
	right: 0px;
	white-space: nowrap;
	height: 65px;
	width: 120px;
	cursor: pointer;
}
#g_tooltip_walk div {
	text-align: center;
	height: 30%;
}
#g_tooltip_walk span {
	color: #666;
	font-size: 16px;
	font-variant: small-caps;
	text-decoration: underline;
}
#g_tooltip_walk > div > span:last-child {
	color: #a00;
	display: none;
}
#g_tooltip_walk.g_tooltip_walk_hide > div > span:first-child { display: none !important; }
#g_tooltip_walk.g_tooltip_walk_hide > div > span:last-child { display: inline !important; }
#g_tooltip_walk svg {
	display: block;
	height: 70%;
	fill: #666;
	width: auto;
	margin: auto;
}
.g_tooltip {
	position: relative;
	z-index: 2;
	opacity: 0;
	font-weight: normal;
	line-height: normal;
}
.g_tooltip_close {
	box-shadow: inset 0px 1px 0px 0px #121;
	background: linear-gradient(to bottom, #676 5%, #343 100%);
	background-color: #89c403;
	border-radius: 6px;
	border: 1px solid #74b807;
	display: block;
	cursor: pointer;
	color: #ffffff;
	font-family: Arial;
	font-size: 15px;
	font-weight: bold;
	padding: 5px 0 5px 0;
	text-decoration: none;
	text-shadow: 0px 1px 0px #528009;
	text-align: center;
	margin: auto;
	font-variant: small-caps;
}
.g_tooltip_box {
	max-width: 40vw;
	max-height: 60vh;
	text-align: left;
	overflow: auto;
	margin-bottom: 10px;
}
.g_tooltip_text {
	transition: opacity 1s ease-in;
	z-index: 7;
	display: inline-block;
	position: absolute;
	padding: 15px;
	margin: 1em 0 3em;
	color: #040;
	background: #f3961c;
	background: linear-gradient(#a0f935, #1cf38e);
	box-shadow: 0px 8px 14px 4px rgba(0,0,0,0.6);
	border-image: linear-gradient(to right, transparent 0%, #000 50%, transparent 100%) 1;
	border-width: 1px;
	border-style: solid;
	white-space: pre;
	font-size: max(0.6vw, 16px);
	cursor: pointer;
}
.g_tooltip_left .g_tooltip_text { border-radius: 0 10px 10px 10px; }
.g_tooltip_right .g_tooltip_text { border-radius: 10px 0 10px 10px; }
.g_tooltip_text:after {
	content: "";
	display: block;
	position: absolute;
	top: -15px;
	width: 0;
	border-width: 0 15px 15px;
	border-style: solid;
	border-color: #a0f935 transparent;
}
.g_tooltip_left .g_tooltip_text:after { left: 0px; }
.g_tooltip_right .g_tooltip_text:after { right: 0px; }
.g_tooltip_button {
	padding-left: 0.2vw;
	font-size: max(0.7vw, 18px);
	cursor: help;
	font-style: normal !important;
	display: inline-block;
}
.g_tooltip_button:after {
	content: '\24D8';
	color: #484 !important;
}
.g_tooltip_onscreen {
	font-style: normal !important;
	display: none;
	position: relative;
	top: 0;
	bottom: 0;
	max-width: 1px;
	max-height: 1px;
	z-index: 7;
}
#g_parser_parse_upload {
	white-space: nowrap;
	user-select: none;
	-webkit-user-select: none;
}
#g_map_file_upload, #g_parse_file_upload, #g_parse_file_email, #g_parser_parse_upload b {
	font-size: 18px !important;
	color: #444;
	margin: 0 5px 0 5px;
}
#g_parser_parse_upload b { padding: 0 2vw 0 2vw; }
.g_hide, .g_file, #g_menu_parser > div > i { display: none; }
.g_tooltip_show #g_menu_parser { overflow: visible; }
.g_tooltip_show #g_menu_parser > div.g_menu_parser_capable > i { display: inline; }
.g_tooltip_show .g_tooltip_onscreen { display: inline-block; }
.g_tooltip_detail { cursor: help; }
body:not(.g_mobile) .g_tooltip_onscreen_mobile, .g_mobile .g_tooltip_onscreen:not(.g_tooltip_onscreen_mobile) { display: none !important; }
.g_social_icon {
	cursor: pointer;
	display: inline-block;
	height: max(1vw, 24px);
	width: max(1vw, 24px);
	text-decoration: none !important;
}
@media (hover: hover) and (pointer: fine) {
	#g_gtf_editor_data i:hover b.g_gtf_rule_edit, #g_gtf_editor_data b.g_gtf_rule_edit:hover {
		left: -27px !important;
		width: 20px !important;
		color: inherit !important;
		font-size: min(24px, var(--g-gtf-font-size));
	}
	.g_menu_parser_capable:hover > u, .g_menu_parser_capable:hover > span, .g_tooltip_detail:hover {
		text-decoration: underline !important;
		text-decoration-thickness: 2px !important;
	}
	.g_app_mode.g_app_no_menu #g_menu_button:hover { top: -20px; }
	#g_snippets_menu > div:hover { background-color: #bbb; }
	#g_gtf_editor_data.g_gtf_editor_hide_groups i:hover > b { display: block !important; }
	#g_content_about input[type=button]:hover, #g_login_container input[type=submit]:hover { opacity: 0.9; }
	#g_support_select div:hover, #g_support_buttons div:hover {
		background-color: #ddd;
		text-decoration: underline;
		text-decoration-thickness: 2px;
	}
	#g_tooltip_walk:hover { opacity: 0.8; }
	.g_tooltip_close:hover {
		background: linear-gradient(to bottom, #454 5%, #232 100%);
		background-color: #77a809;
	}
	#g_account_input_container button:hover, #g_parser_info_input_container button:hover {
		background: linear-gradient(0deg, var(--g-button-secondary) 0%, var(--g-billing-dark) 100%);
		box-shadow: 0 0 0 2px #ccc, 0 0 0 4px #ddd;
	}
	#g_parser_info_delete:hover, #g_logout_button:hover { background: linear-gradient(0deg, var(--g-button-alert-primary) 0%, var(--g-button-alert-secondary) 100%) !important; }
	#g_billing_portal_button:hover, #g_billing_table button:nth-child(3n+1):hover, #g_billing_table button:nth-child(3n+2):hover {
		background: linear-gradient(0deg, var(--g-button-secondary) 0%, var(--g-billing-dark) 100%);
		box-shadow: 0 0 0 2px #ccc, 0 0 0 4px #ddd;
		outline: 0;
	}
	#g_parses_page_list button:disabled, #g_parses_page_list button:hover {
		background-color: #ddd !important;
		color: #000 !important;
	}
	#g_parser_map_upload label:hover, #g_parser_parse_upload label:hover, #g_parser_parse_upload span:hover {
		background-color: #fff !important;
		color: #000 !important;
	}
	#g_start_button_alt:hover, #g_about_play_alt:hover, #g_about_links b:hover { color: #0074d4; }
	#g_support_button_agree:hover { background-color: #cdc !important; }
	#g_about_demo svg:hover { filter: drop-shadow(0px 0px 2px #aaa); }
	#g_about_demo svg:hover path { fill: #0982e3; !important; }
	#g_menu ul li:hover { color: #666; }
	#g_signup_link:hover, #g_recovery_link:hover { opacity: 0.8; }
	#g_gtf_column_color_choices > div:hover { filter: saturate(50%); }
	#g_gtf_filter_value_choices span:hover { color: #888; }
	#g_gtf_editor_data u:hover {
		color: #fff !important;
		background-color: #000 !important;
	}
	.g_gtf_icon:hover svg {
		transition: 0.15s;
		padding-top: max(0.4vw, 8px);
	}
	.g_gtf_icon:hover b {
		top: 0;
		transition: 0.15s;
	}
	.g_top_complete #g_splash_logo path{ transition: 0.5s; }
	.g_top_complete #g_splash_logo path:hover {
		opacity: 0.7;
		filter: drop-shadow(200px -10px 20px rgb(0 0 0 / 0.25));
	}
	#g_modal_yn input:last-child:hover {
		background-color: #dcc; 
		color: #600;
	}
	#g_modal_yn input:first-child:hover {
		background-color: #cdc; 
		color: #060 !important;
	}
	#g_modal_ok input:hover { background-color: #ccc;  }
	.g_gtf_icon svg:hover, .g_social_icon:hover { opacity: 0.6; }
	.g_issue_icon:not(.g_disabled):hover svg { fill: #383 !important; }
	#g_gtf_editor_data i:hover { background-color: var(--g-gtf-selected-bgcolor); }
	#g_gtf_editor_data.g_gtf_mode_view i:hover { background-color: #bbb; }
	.g_parse_has_download:hover, .g_parse_issue:hover, .g_parse_delete:hover { opacity: 0.75; }
	#g_parser_scrollbar:hover #g_parser_scrollbar_button { background-color: #aaa; }
}
@media (max-aspect-ratio: 4/3) {
	#g_parser_map_upload, #g_parser_parse_upload { height: auto; }
	#g_issue_content p { max-width: 80%; }
	#g_issue_input_container {
		max-width: 100%;
		margin-left: 0;
	}
	#g_splash_logo { width: 60%; }
	#g_splash_banner { font-size: 5vw; }
}
@media (max-aspect-ratio: 1/1) {
	#g_splash_logo { width: 90% !important; }
	#g_account_container { padding-right: 5vw; }
	#g_menu_parser > div > u > span { display: none; }
	#g_billing_table {
		grid-template-columns: repeat(auto-fit, minmax(33vw, 1fr));
		font-size: max(1vmax, 14px);
		width: 98%;
	}
	#g_billing_table p { min-height: max(8vw, 100px); }
	.g_app_mode:not(.g_logged_in):not(.g_app_no_menu) #g_content.g_content_menu_account { margin-right: auto; }
}
@media (min-aspect-ratio: 7/3) {
	#g_splash_banner { display: none; }
}
@media (min-aspect-ratio: 3/1) {
	#g_splash_doc { display: none; }
}
@media (max-aspect-ratio: 3/4) {
	#g_about_text {
		width: 66vw;
		left: -34vw;
	}
}
@media only screen and (max-width: 1200px) {
	#g_billing_table {
		grid-template-columns: repeat(auto-fit, minmax(33vw, 1fr));
		font-size: max(1vmax, 14px);
		width: 98%;
	}
	body:not(.g_app_no_menu) #g_parser_map_upload, body:not(.g_app_no_menu) #g_parser_content:not(.g_has_files) #g_parser_parse_upload {
		width: 70% !important;
		margin: max(100px, 6%) auto 0 auto !important;
	}
}
@media only screen and (max-width: 800px) {
	button > span { display: none; }
	.g_app_mode:not(.g_app_no_menu) #g_parser_info_issue { display: none; }
	.g_app_mode:not(.g_app_no_menu) #g_parser_info_parser_id { display: none; }
	#g_login_container { width: 80% !important; }
	#g_account_container { padding-right: 5vw; }
	#g_about_text {
		position: static !important;
		width: 90vw;
		left: 0;
		margin: 0;
		padding: 2vh 5vw 3vh 5vw;
	}
	#g_about_text:before, #g_about_text:after, #g_about_text_mobile_only span { display: none; }
	#g_about_start { background: linear-gradient(90deg, rgba(221,221,228,0) 0%, rgba(221,221,228,1) 50%, rgba(221,221,228,0) 100%); }
	#g_about_doc_left span:nth-child(1), #g_about_doc_right span:nth-child(1) { display: none; }
	#g_about_doc_left span:nth-child(2), #g_about_doc_right span:nth-child(2) { display: inline; }
	#g_about_doc_left, #g_about_doc_right {
		width: 40vw;
		font-size: 4vw;
	}
	#g_parser_parse_upload b { padding: 0; }
	#g_parser_info_form select { width: 90% !important; }
	#g_parses_page_list button > b { display: none; }
	#g_menu_parser { text-align: center; }
	#g_menu_parser > div > u > span { display: none; }
	#g_support > div {
		top: 50%;
		width: 100%;
		height: 100%;
	}
	#g_tooltip_walk {
		top: 15px;
		width: auto;
		margin-right: 10px;
	}
	#g_support_text { height: 80dvh !important; }
	#g_gtf_view_display, #g_gtf_filter_view_display { font-size: max(0.4vw, 14px); }
	#g_billing_table {
		grid-template-columns: repeat(auto-fit, minmax(51vw, 1fr));
		font-size: max(1.5vmax, 16px);
		width: 98%;
	}
	#g_billing_table p { min-height: auto; }
}
@media only screen and (max-width: 500px) {
	#g_parser_parse_upload b { display:none; }
	#g_gtf_column_color_selected { font-size: max(0.4vw, 14px); }
	#g_gtf_column_name_text, #g_gtf_filter_value_text, #g_gtf_filter_value_replace_text { font-size: max(0.4vw, 12px) !important; }
}
pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#383a42;background:#eee}.hljs-comment,.hljs-quote{color:#a0a1a7;font-style:italic}.hljs-doctag,.hljs-formula,.hljs-keyword{color:#a626a4}.hljs-deletion,.hljs-name,.hljs-section,.hljs-selector-tag,.hljs-subst{color:#e45649}.hljs-literal{color:#0184bb}.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#50a14f}.hljs-attr,.hljs-number,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-pseudo,.hljs-template-variable,.hljs-type,.hljs-variable{color:#986801}.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-symbol,.hljs-title{color:#4078f2}.hljs-built_in,.hljs-class .hljs-title,.hljs-title.class_{color:#c18401}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}