html {
	font-size: 8px;
	-webkit-text-size-adjust: 100%;
}
* {
	margin: 0px;
	font-size: 1.5rem;
}
.center_grid {
	display: grid;
	place-content: center;
}
.font_size1,
.font_size1 * {
	font-size: 6rem;
}
.font_size1 img,
.font_size1 svg {
	height: 6rem;
}
.font_size2,
.font_size2 * {
	font-size: 4rem;
}
.font_size2 img,
.font_size2 svg {
	height: 4rem;
}
.font_size3,
.font_size3 * {
	font-size: 3rem;
}
.font_size3 img,
.font_size3 svg {
	height: 3rem;
}
.font_size4,
.font_size4 * {
	font-size: 2rem;
}
.font_size4 img,
.font_size4 svg {
	height: 2rem;
}
.fit {
	min-height: 100vh;
}
.fill {
	width: 100%;
	box-sizing: border-box;
}
.fixed {
	position: fixed;
}
p {
	line-height: 1.5em;
	letter-spacing: 0.05em;
}
.block,
.child_block > * {
	display: block;
}
.equal {
	table-layout: fixed;
}
.right {
	text-align: right;
}
.center {
	text-align: center;
}
.justify {
	text-align: justify;
}
.top,
.child_top > * {
	vertical-align: top;
}
.middle,
.child_middle > *,
.grand_middle > * > * {
	vertical-align: middle;
}
/* .desktop1, .child_desktop1 > *, .grand_desktop1 > * > *{
	margin: auto;
	max-width: 1024px;
} */
.safe_area {
	/* Have to add ", viewport-fit=cover" to viewport meta tag */
	padding-right: env(safe-area-inset-right);
	padding-left: env(safe-area-inset-left);
}
@media screen and (min-width: 1280px) {
	.desktop1,
	.child_desktop1 > *,
	.grand_desktop1 > * > * {
		margin: auto;
		max-width: 1280px;
	}
}
@media screen and (max-width: 1280px) {
	.desktop1,
	.child_desktop1 > *,
	.grand_desktop1 > * > * {
		margin: auto;
		max-width: 1024px;
	}
}
.desktop2,
.child_desktop2 > *,
.grand_desktop2 > * > * {
	margin: auto;
	max-width: 1280px;
}
a {
	color: inherit;
	text-decoration: none;
}
.gap,
.child_gap > *,
.grand_gap > * > * {
	padding: 1rem;
}
.content,
.child_content > *,
.grand_content > * > * {
	padding: 2rem;
}
input,
textarea,
select,
button {
	border: none;
	box-sizing: border-box;
	border-radius: 0;
}
input:invalid {
	color: orange;
}
textarea,
select,
button,
input[type="text"],
input[type="password"],
input[type="number"],
input[type="date"],
input[type="time"],
input[type="submit"] {
	-webkit-appearance: none;
}
.container1,
.child_container1 > *,
.grand_container1 > * > * {
	overflow: hidden;
	border-radius: 1rem;
}
.container2,
.child_container2 > *,
.grand_container2 > * > * {
	overflow: hidden;
	border-radius: 2rem;
}
.minimal {
	width: 1%;
}
.float {
	float: right;
}
.float + * {
	clear: both;
}
.auto {
	margin: auto;
	display: table;
}
.cover {
	background-size: cover !important;
	background-position: center !important;
}
.table {
	display: table;
}
.table > * {
	display: table-cell;
}
.side {
	width: 25%;
}
.zebra {
	border-collapse: collapse;
}
.zebra > tbody > :nth-child(odd) > :nth-child(odd) {
	background-color: rgba(0, 0, 0, 0.01);
}
.zebra > tbody > :nth-child(odd) > :nth-child(even) {
	background-color: rgba(0, 0, 0, 0.03);
}
.zebra > tbody > :nth-child(even) > :nth-child(odd) {
	background-color: rgba(0, 0, 0, 0.06);
}
.zebra > tbody > :nth-child(even) > :nth-child(even) {
	background-color: rgba(0, 0, 0, 0.07);
}
.zebra.hover > tbody > :nth-child(odd) > :nth-child(odd):hover {
	background-color: rgba(0, 0, 0, 0.09);
}
.zebra.hover > tbody > :nth-child(odd) > :nth-child(even):hover {
	background-color: rgba(0, 0, 0, 0.11);
}
.zebra.hover > tbody > :nth-child(even) > :nth-child(odd):hover {
	background-color: rgba(0, 0, 0, 0.14);
}
.zebra.hover > tbody > :nth-child(even) > :nth-child(even):hover {
	background-color: rgba(0, 0, 0, 0.16);
}
.zebra.hover > tbody > :nth-child(odd):hover {
	background-color: rgba(0, 0, 0, 0.17);
}
.zebra.hover > tbody > :nth-child(even):hover {
	background-color: rgba(0, 0, 0, 0.19);
}
.zebra > thead > :nth-child(odd) > :nth-child(odd),
.zebra > tfoot > :nth-child(odd) > :nth-child(odd) {
	background-color: rgba(0, 0, 0, 0.21);
}
.zebra > thead > :nth-child(odd) > :nth-child(even),
.zebra > tfoot > :nth-child(odd) > :nth-child(even) {
	background-color: rgba(0, 0, 0, 0.23);
}
.zebra > thead > :nth-child(even) > :nth-child(odd),
.zebra > tfoot > :nth-child(even) > :nth-child(odd) {
	background-color: rgba(0, 0, 0, 0.25);
}
.zebra > thead > :nth-child(even) > :nth-child(even),
.zebra > tfoot > :nth-child(even) > :nth-child(even) {
	background-color: rgba(0, 0, 0, 0.27);
}
.zebra .selected > :nth-child(odd) {
	background-color: rgba(0, 0, 0, 0.29) !important;
}
.zebra .selected > :nth-child(even) {
	background-color: rgba(0, 0, 0, 0.31) !important;
}
.tfs {
	width: 256px;
}
svg *{
	fill: currentColor  !important;
	stroke: currentColor  !important;
}
.gray1 {
	color: gray !important;
	/* color: rgba(255, 255, 255, 0.3) !important; */
}
.gray2 {
	color: white;
	background: gray !important;
}
/* svg.gray1 *,
.gray1 svg * {
	fill: gray !important;
	stroke: gray !important;
}
svg.gray2 *,
.gray2 svg * {
	fill: white !important;
	stroke: white !important;
} */
.blue1 {
	color: blue;
}
.blue2 {
	color: white;
	background: blue !important;
}
.green1 {
	color: green;
}
.green2 {
	color: white;
	background: green !important;
}
/* svg.green1 *,
.green1 svg * {
	fill: green !important;
	stroke: green !important;
}
svg.green2 *,
.green2 svg * {
	fill: white !important;
	stroke: white !important;
} */
.orange1 {
	color: orange;
}
.orange2 {
	color: white;
	background: orange !important;
}
.red1 {
	color: red;
}
.red2 {
	color: white;
	background: red !important;
}
/* svg.red1 *,
.red1 svg * {
	fill: red !important;
	stroke: red !important;
}
svg.red2 *,
.red2 svg * {
	fill: white !important;
	stroke: white !important;
} */
.grid_right {
	display: grid;
	grid-auto-flow: column;
	grid-template-columns: 1fr auto;
}
.grid_left {
	display: grid;
	grid-auto-flow: column;
	grid-template-columns: auto 1fr;
}
.grid_center {
	align-items: center;
}
.grid_top {
	display: grid;
	grid-template-rows: auto 1fr;
}
.hover_show:hover > label {
	display: block;
}
.hidden {
	display: none;
}
.grid1 {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
}
.grid2 {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(32rem, 1fr));
}
.nowrap{
	white-space: nowrap;
}
@media screen and (min-width: 1024px) {
	.desktop_table {
		display: table;
	}
	.desktop_table > * {
		display: table-cell;
	}
	.desktop_side {
		width: 25%;
	}
	.desktop_right {
		text-align: right;
	}
	.desktop_hidden {
		display: none;
	}
	.desktop_grid_right {
		display: grid;
		grid-auto-flow: column;
		grid-template-columns: 1fr auto;
	}
	.desktop_grid_left {
		display: grid;
		grid-auto-flow: column;
		grid-template-columns: auto 1fr;
	}
	.desktop_zebra {
		border-collapse: collapse;
	}
	.desktop_zebra > tbody > :nth-child(odd) > :nth-child(odd) {
		background-color: rgba(0, 0, 0, 0.01);
	}
	.desktop_zebra > tbody > :nth-child(odd) > :nth-child(even) {
		background-color: rgba(0, 0, 0, 0.03);
	}
	.desktop_zebra > tbody > :nth-child(even) > :nth-child(odd) {
		background-color: rgba(0, 0, 0, 0.06);
	}
	.desktop_zebra > tbody > :nth-child(even) > :nth-child(even) {
		background-color: rgba(0, 0, 0, 0.07);
	}
	.desktop_zebra.hover > tbody > :nth-child(odd) > :nth-child(odd):hover {
		background-color: rgba(0, 0, 0, 0.09);
	}
	.desktop_zebra.hover > tbody > :nth-child(odd) > :nth-child(even):hover {
		background-color: rgba(0, 0, 0, 0.11);
	}
	.desktop_zebra.hover > tbody > :nth-child(even) > :nth-child(odd):hover {
		background-color: rgba(0, 0, 0, 0.14);
	}
	.desktop_zebra.hover > tbody > :nth-child(even) > :nth-child(even):hover {
		background-color: rgba(0, 0, 0, 0.16);
	}
	.desktop_zebra.hover > tbody > :nth-child(odd):hover {
		background-color: rgba(0, 0, 0, 0.17);
	}
	.desktop_zebra.hover > tbody > :nth-child(even):hover {
		background-color: rgba(0, 0, 0, 0.19);
	}
	.desktop_zebra > thead > :nth-child(odd) > :nth-child(odd),
	.desktop_zebra > tfoot > :nth-child(odd) > :nth-child(odd) {
		background-color: rgba(0, 0, 0, 0.21);
	}
	.desktop_zebra > thead > :nth-child(odd) > :nth-child(even),
	.desktop_zebra > tfoot > :nth-child(odd) > :nth-child(even) {
		background-color: rgba(0, 0, 0, 0.23);
	}
	.desktop_zebra > thead > :nth-child(even) > :nth-child(odd),
	.desktop_zebra > tfoot > :nth-child(even) > :nth-child(odd) {
		background-color: rgba(0, 0, 0, 0.25);
	}
	.desktop_zebra > thead > :nth-child(even) > :nth-child(even),
	.desktop_zebra > tfoot > :nth-child(even) > :nth-child(even) {
		background-color: rgba(0, 0, 0, 0.27);
	}
	.desktop_zebra .selected > :nth-child(odd) {
		background-color: rgba(0, 0, 0, 0.29) !important;
	}
	.desktop_zebra .selected > :nth-child(even) {
		background-color: rgba(0, 0, 0, 0.31) !important;
	}
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
	.tablet_table {
		display: table;
	}
	.tablet_table > * {
		display: table-cell;
	}
	.tablet_side {
		width: 25%;
	}
	.tablet_right {
		text-align: right;
	}
	.tablet_hidden {
		display: none;
	}
	.tablet_grid_right {
		display: grid;
		grid-auto-flow: column;
		grid-template-columns: 1fr auto;
	}
	.tablet_grid_left {
		display: grid;
		grid-auto-flow: column;
		grid-template-columns: auto 1fr;
	}
	.tablet_zebra {
		border-collapse: collapse;
	}
	.tablet_zebra > tbody > :nth-child(odd) > :nth-child(odd) {
		background-color: rgba(0, 0, 0, 0.01);
	}
	.tablet_zebra > tbody > :nth-child(odd) > :nth-child(even) {
		background-color: rgba(0, 0, 0, 0.03);
	}
	.tablet_zebra > tbody > :nth-child(even) > :nth-child(odd) {
		background-color: rgba(0, 0, 0, 0.06);
	}
	.tablet_zebra > tbody > :nth-child(even) > :nth-child(even) {
		background-color: rgba(0, 0, 0, 0.07);
	}
	.tablet_zebra.hover > tbody > :nth-child(odd) > :nth-child(odd):hover {
		background-color: rgba(0, 0, 0, 0.09);
	}
	.tablet_zebra.hover > tbody > :nth-child(odd) > :nth-child(even):hover {
		background-color: rgba(0, 0, 0, 0.11);
	}
	.tablet_zebra.hover > tbody > :nth-child(even) > :nth-child(odd):hover {
		background-color: rgba(0, 0, 0, 0.14);
	}
	.tablet_zebra.hover > tbody > :nth-child(even) > :nth-child(even):hover {
		background-color: rgba(0, 0, 0, 0.16);
	}
	.tablet_zebra.hover > tbody > :nth-child(odd):hover {
		background-color: rgba(0, 0, 0, 0.17);
	}
	.tablet_zebra.hover > tbody > :nth-child(even):hover {
		background-color: rgba(0, 0, 0, 0.19);
	}
	.tablet_zebra > thead > :nth-child(odd) > :nth-child(odd),
	.tablet_zebra > tfoot > :nth-child(odd) > :nth-child(odd) {
		background-color: rgba(0, 0, 0, 0.21);
	}
	.tablet_zebra > thead > :nth-child(odd) > :nth-child(even),
	.tablet_zebra > tfoot > :nth-child(odd) > :nth-child(even) {
		background-color: rgba(0, 0, 0, 0.23);
	}
	.tablet_zebra > thead > :nth-child(even) > :nth-child(odd),
	.tablet_zebra > tfoot > :nth-child(even) > :nth-child(odd) {
		background-color: rgba(0, 0, 0, 0.25);
	}
	.tablet_zebra > thead > :nth-child(even) > :nth-child(even),
	.tablet_zebra > tfoot > :nth-child(even) > :nth-child(even) {
		background-color: rgba(0, 0, 0, 0.27);
	}
	.tablet_zebra .selected > :nth-child(odd) {
		background-color: rgba(0, 0, 0, 0.29) !important;
	}
	.tablet_zebra .selected > :nth-child(even) {
		background-color: rgba(0, 0, 0, 0.31) !important;
	}
}
@media screen and (max-width: 768px) {
	.mobile_table {
		display: table;
	}
	.mobile_table > * {
		display: table-cell;
	}
	.mobile_side {
		width: 25%;
	}
	.mobile_center {
		text-align: center;
	}
	.mobile_hidden {
		display: none !important;
	}
	.mobile_grid_right {
		display: grid;
		grid-auto-flow: column;
		grid-template-columns: 1fr auto;
	}
	.mobile_grid_left {
		display: grid;
		grid-auto-flow: column;
		grid-template-columns: auto 1fr;
	}
	.mobile_fill {
		width: 100%;
		box-sizing: border-box;
	}
	.mobile_equal {
		table-layout: fixed;
	}
	.mobile_list,
	.mobile_list > * > *,
	.mobile_list > * > * > * {
		display: block;
	}
	.mobile_list > * > * > * {
		padding: 1rem;
	}
	.mobile_list > * > * {
		padding: 1rem;
		border-radius: 1rem;
		background: var(--foreground) !important;
	}
	.mobile_list.hover > * > *:hover {
		background: var(--background) !important;
	}
	.mobile_list > * {
		display: grid;
		grid-gap: 2rem;
	}
	.mobile_zebra {
		border-collapse: collapse;
	}
	.mobile_zebra > tbody > :nth-child(odd) > :nth-child(odd) {
		background-color: rgba(0, 0, 0, 0.01);
	}
	.mobile_zebra > tbody > :nth-child(odd) > :nth-child(even) {
		background-color: rgba(0, 0, 0, 0.03);
	}
	.mobile_zebra > tbody > :nth-child(even) > :nth-child(odd) {
		background-color: rgba(0, 0, 0, 0.06);
	}
	.mobile_zebra > tbody > :nth-child(even) > :nth-child(even) {
		background-color: rgba(0, 0, 0, 0.07);
	}
	.mobile_zebra.hover > tbody > :nth-child(odd) > :nth-child(odd):hover {
		background-color: rgba(0, 0, 0, 0.09);
	}
	.mobile_zebra.hover > tbody > :nth-child(odd) > :nth-child(even):hover {
		background-color: rgba(0, 0, 0, 0.11);
	}
	.mobile_zebra.hover > tbody > :nth-child(even) > :nth-child(odd):hover {
		background-color: rgba(0, 0, 0, 0.14);
	}
	.mobile_zebra.hover > tbody > :nth-child(even) > :nth-child(even):hover {
		background-color: rgba(0, 0, 0, 0.16);
	}
	.mobile_zebra.hover > tbody > :nth-child(odd):hover {
		background-color: rgba(0, 0, 0, 0.17);
	}
	.mobile_zebra.hover > tbody > :nth-child(even):hover {
		background-color: rgba(0, 0, 0, 0.19);
	}
	.mobile_zebra > thead > :nth-child(odd) > :nth-child(odd),
	.mobile_zebra > tfoot > :nth-child(odd) > :nth-child(odd) {
		background-color: rgba(0, 0, 0, 0.21);
	}
	.mobile_zebra > thead > :nth-child(odd) > :nth-child(even),
	.mobile_zebra > tfoot > :nth-child(odd) > :nth-child(even) {
		background-color: rgba(0, 0, 0, 0.23);
	}
	.mobile_zebra > thead > :nth-child(even) > :nth-child(odd),
	.mobile_zebra > tfoot > :nth-child(even) > :nth-child(odd) {
		background-color: rgba(0, 0, 0, 0.25);
	}
	.mobile_zebra > thead > :nth-child(even) > :nth-child(even),
	.mobile_zebra > tfoot > :nth-child(even) > :nth-child(even) {
		background-color: rgba(0, 0, 0, 0.27);
	}
	.mobile_zebra .selected > :nth-child(odd) {
		background-color: rgba(0, 0, 0, 0.29) !important;
	}
	.mobile_zebra .selected > :nth-child(even) {
		background-color: rgba(0, 0, 0, 0.31) !important;
	}
}
@media print {
	.print_table {
		display: table;
	}
	.print_table > * {
		display: table-cell;
	}
	.print_side {
		width: 25%;
	}
	.print_hidden {
		display: none;
	}
	.print_center {
		text-align: center;
	}
	.print_grid_right {
		display: grid;
		grid-auto-flow: column;
		grid-template-columns: 1fr auto;
	}
	.print_grid_left {
		display: grid;
		grid-auto-flow: column;
		grid-template-columns: auto 1fr;
	}
	.print_zebra {
		border-collapse: collapse;
	}
	.print_zebra > tbody > :nth-child(odd) > :nth-child(odd) {
		background-color: rgba(0, 0, 0, 0.01);
	}
	.print_zebra > tbody > :nth-child(odd) > :nth-child(even) {
		background-color: rgba(0, 0, 0, 0.03);
	}
	.print_zebra > tbody > :nth-child(even) > :nth-child(odd) {
		background-color: rgba(0, 0, 0, 0.06);
	}
	.print_zebra > tbody > :nth-child(even) > :nth-child(even) {
		background-color: rgba(0, 0, 0, 0.07);
	}
	.print_zebra > thead > :nth-child(odd) > :nth-child(odd),
	.print_zebra > tfoot > :nth-child(odd) > :nth-child(odd) {
		background-color: rgba(0, 0, 0, 0.21);
	}
	.print_zebra > thead > :nth-child(odd) > :nth-child(even),
	.print_zebra > tfoot > :nth-child(odd) > :nth-child(even) {
		background-color: rgba(0, 0, 0, 0.23);
	}
	.print_zebra > thead > :nth-child(even) > :nth-child(odd),
	.print_zebra > tfoot > :nth-child(even) > :nth-child(odd) {
		background-color: rgba(0, 0, 0, 0.25);
	}
	.print_zebra > thead > :nth-child(even) > :nth-child(even),
	.print_zebra > tfoot > :nth-child(even) > :nth-child(even) {
		background-color: rgba(0, 0, 0, 0.27);
	}
	.print_zebra .selected > :nth-child(odd) {
		background-color: rgba(0, 0, 0, 0.29) !important;
	}
	.print_zebra .selected > :nth-child(even) {
		background-color: rgba(0, 0, 0, 0.31) !important;
	}
}