html {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

*,
*:before,
*:after {
	-moz-box-sizing: inherit;
	-webkit-box-sizing: inherit;
	box-sizing: inherit;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	zoom: 1;
}

html, body, div, span, button, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, label, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, select, textarea {
	background: none;
	border: 0;
	box-shadow: none;
	color: inherit;
	font: inherit;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	letter-spacing: inherit;
	text-align: inherit;
	text-transform: inherit;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

main, article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, iframe {
	display: block;
}


* {
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
}


body {
	--body-color: var(--color-surface);
	background: var(--body-color);
	font-family: var(--p-font-family);
	font-optical-sizing: auto;
	font-size: var(--base-font-size);
	color: var(--color-on-surface-2);
	line-height: var(--p-line-height);
	transition: opacity 100ms ease;
}


body.g-b-unitiliazed {
	opacity: 0;
}


.g-c-progressive-blur {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.g-c-progressive-blur > .g-c-blur-filter {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.g-c-progressive-blur.g-c-progressive-blur-ttb > .g-c-blur-filter:nth-child(1) {
	backdrop-filter: blur(32px);
	mask: linear-gradient(rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 30%);
}

.g-c-progressive-blur.g-c-progressive-blur-btt > .g-c-blur-filter:nth-child(1) {
	backdrop-filter: blur(0.5px);
	mask: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1) 10%, rgba(0, 0, 0, 1) 30%, rgba(0, 0, 0, 0) 40%);
}

.g-c-progressive-blur.g-c-progressive-blur-ttb > .g-c-blur-filter:nth-child(2) {
	backdrop-filter: blur(16px);
	mask: linear-gradient(rgba(0, 0, 0, 1) 20%, rgba(0, 0, 0, 0) 40%);
}

.g-c-progressive-blur.g-c-progressive-blur-btt > .g-c-blur-filter:nth-child(2) {
	backdrop-filter: blur(1px);
	mask: linear-gradient(rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 1) 20%, rgba(0, 0, 0, 1) 40%, rgba(0, 0, 0, 0) 50%);
}

.g-c-progressive-blur.g-c-progressive-blur-ttb > .g-c-blur-filter:nth-child(3) {
	backdrop-filter: blur(8px);
	mask: linear-gradient(rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 1) 30%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0) 60%);
}

.g-c-progressive-blur.g-c-progressive-blur-btt > .g-c-blur-filter:nth-child(3) {
	backdrop-filter: blur(2px);
	mask: linear-gradient(rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 1) 30%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0) 60%);
}

.g-c-progressive-blur.g-c-progressive-blur-ttb > .g-c-blur-filter:nth-child(4) {
	backdrop-filter: blur(4px);
	mask: linear-gradient(rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 1) 40%, rgba(0, 0, 0, 1) 60%, rgba(0, 0, 0, 0) 80%);
}

.g-c-progressive-blur.g-c-progressive-blur-btt > .g-c-blur-filter:nth-child(4) {
	backdrop-filter: blur(4px);
	mask: linear-gradient(rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 1) 40%, rgba(0, 0, 0, 1) 60%, rgba(0, 0, 0, 0) 70%);
}

.g-c-progressive-blur.g-c-progressive-blur-ttb > .g-c-blur-filter:nth-child(5) {
	backdrop-filter: blur(2px);
	mask: linear-gradient(rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 1) 60%, rgba(0, 0, 0, 1) 80%, rgba(0, 0, 0, 0) 90%);
}

.g-c-progressive-blur.g-c-progressive-blur-btt > .g-c-blur-filter:nth-child(5) {
	backdrop-filter: blur(8px);
	mask: linear-gradient(rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 1) 60%, rgba(0, 0, 0, 1) 80%, rgba(0, 0, 0, 0) 90%);
}

.g-c-progressive-blur.g-c-progressive-blur-ttb > .g-c-blur-filter:nth-child(6) {
	backdrop-filter: blur(1px);
	mask: linear-gradient(rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 1) 60%, rgba(0, 0, 0, 1) 80%, rgba(0, 0, 0, 0) 90%);
}

.g-c-progressive-blur.g-c-progressive-blur-btt > .g-c-blur-filter:nth-child(6) {
	backdrop-filter: blur(16px);
	mask: linear-gradient(rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 1) 80%);
}

.g-c-progressive-blur.g-c-progressive-blur-ttb > .g-c-blur-filter:nth-child(7) {
	z-index: 1;
	backdrop-filter: blur(0.5px);
	mask: linear-gradient(rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 1) 70%, rgba(0, 0, 0, 1) 90%, rgba(0, 0, 0, 0) 100%);
}

.g-c-progressive-blur.g-c-progressive-blur-btt > .g-c-blur-filter:nth-child(7) {
	z-index: 1;
	backdrop-filter: blur(32px);
	mask: linear-gradient(rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 1) 100%);
}


[contenteditable] {
	cursor: text;
}


ul,
ol {
	margin: 0 0 1em 1em;
	padding: 0;
	font-family: var(--p-font-family);
	line-height: var(--p-line-height);
}

ul ul,
ul ol,
ol ol,
ol ul {
	margin: 0.5em 0 0.5em var(--spacing-m);
}

ul li,
ol li {
	margin: 0 0 0.5em;
	padding: 0;
}

ul.g-p-list-none,
ol.g-p-list-none {
	margin-left: 0;
	list-style: none;
}

ul.g-p-list-none ul,
ul.g-p-list-none ol,
ol.g-p-list-none ol,
ol.g-p-list-none ul {
	list-style: none;
}

ul.g-p-list-l li,
ol.g-p-list-l li {
	margin: 0 0 1em;
}


.g-t-weight-400 {
	font-weight: 400;
}

.g-t-weight-500 {
	font-weight: 500;
}

.g-t-weight-600 {
	font-weight: 600;
}


pre {
	padding: 1em;
	background: var(--color-inverted-surface);
	border-radius: var(--corners-round-s);
	color: var(--color-inverted-on-surface-2);
	font-family: var(--monospace-font-family);
	font-size: var(--monospace-font-size);
	font-weight: var(--monospace-font-weight);
	line-height: var(--monospace-line-height);
	white-space: pre-wrap;
}


code,
.g-t-code {
	padding: 0.25em;
	background: var(--color-on-surface-7);
	border-radius: var(--corners-round-s);
	color: var(--color-on-surface-2);
	font-family: var(--monospace-font-family);
	font-size: var(--monospace-font-size);
	font-weight: var(--monospace-font-weight);
	line-height: var(--monospace-line-height);
}


hr {
	margin: 2em 0;
	border: solid var(--color-on-surface-4);
	border-width: 0 0 1px;
}


[contenteditable="true"] {
	outline: none;
}



.g-icon {
	width: 1em;
	height: 1em;
	display: inline-block;
	vertical-align: middle;
	direction: ltr;
	font-family: 'Material Symbols Outlined', 'Material Symbols Rounded', 'Material Symbols Sharp' !important;
	font-size: var(--size-s);
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	letter-spacing: normal;
	line-height: 1;
	text-transform: none;
	white-space: nowrap;
	word-wrap: normal;
	speak: never;
	-webkit-font-feature-settings: 'liga';
	-moz-font-feature-settings: 'liga=1';
	-moz-font-feature-settings: 'liga';
	-ms-font-feature-settings: 'liga' 1;
	font-feature-settings: 'liga';
	-webkit-font-variant-ligatures: discretionary-ligatures;
	font-variant-ligatures: discretionary-ligatures;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow: hidden;
	user-select: none;
	cursor: inherit;
	transition: font-weight 100ms ease;
}

.g-icon:only-child {
	display: block;
}

.g-icon.g-icon-before[data-icon-name]::before {
	content: attr(data-icon-name);
}

.g-icon[data-icon-name]::after,
.g-icon.g-icon-after[data-icon-name]::after {
	content: attr(data-icon-name);
}

.g-icon.g-icon-filled {
	font-variation-settings: 'FILL' 1;
}

.g-icon.g-icon-circle {
	width: auto;
	height: auto;
	background: var(--color-on-surface-7);
	border-radius: 100%;
	color: var(--color-on-surface-1);
}

.g-icon.g-icon-circle.g-icon-inverted {
	width: auto;
	height: auto;
	background: var(--color-on-surface-1);
	border-radius: 100%;
	color: var(--color-surface);
}

.g-icon.g-icon-xxs {
	font-size: var(--size-xxxs);
}

.g-icon.g-icon-circle.g-icon-xxs {
	padding: calc(var(--size-xxxs) / 2);
}

.g-icon.g-icon-xs {
	font-size: var(--size-xxs);
}

.g-icon.g-icon-circle.g-icon-xs {
	padding: calc(var(--size-xxs) / 2);
}

.g-icon.g-icon-s {
	font-size: var(--size-xs);
}

.g-icon.g-icon-circle.g-icon-s {
	padding: var(var(--size-xs) / 2);
}

.g-icon.g-icon-m {
	font-size: var(--size-s);
}

.g-icon.g-icon-circle.g-icon-m {
	padding: calc(var(--size-s) / 2);
}

.g-icon.g-icon-l {
	font-size: var(--size-m);
}

.g-icon.g-icon-circle.g-icon-l {
	padding: calc(var(--size-m) / 2);
}

.g-icon.g-icon-xl {
	font-size: var(--size-l);
	font-weight: 300;
}

.g-icon.g-icon-circle.g-icon-xl {
	padding: calc(var(--size-l) / 2);
}

.g-icon.g-icon-xxl {
	font-size: var(--size-xl);
	font-weight: 300;
}

.g-icon.g-icon-circle.g-icon-xxl {
	padding: calc(var(--size-xl) / 2);
}

.g-icon.g-icon-xxxl {
	font-size: var(--size-xxxl);
	font-weight: 300;
}

.g-icon.g-icon-circle.g-icon-xxxl {
	padding: calc(var(--size-xxxl) / 2);
}

.g-icon.g-icon-weight-thin {
	font-weight: 100;
}

.g-icon.g-icon-weight-extra-light {
	font-weight: 200;
}

.g-icon.g-icon-weight-light {
	font-weight: 300;
}

.g-icon.g-icon-weight-regular {
	font-weight: 400;
}

.g-icon.g-icon-weight-medium {
	font-weight: 500;
}

.g-icon.g-icon-weight-semi-bold {
	font-weight: 600;
}

.g-icon.g-icon-weight-bold {
	font-weight: 700;
}

.g-icon svg {
	width: 1em;
	height: 1em;
	display: block;
	fill: currentColor;
}


.g-c-image {
	--dim-color: rgb(0 0 0);
	--dim-strength: 0.5;
	--dim-color-start: var(--dim-color);
	--dim-color-stop: var(--dim-color);
	--dim-angle: 180deg;
	position: relative;
	overflow: hidden;
}

.g-c-image.g-c-image-fill-container {
	width: 100%;
	height: 100%;
}

.g-c-image.g-c-image-inline {
	display: inline-block;
}

.g-c-image.g-c-image-circle {
	border-radius: 100%;
}

.g-c-image.g-c-image-dim::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(var(--dim-angle), var(--dim-color-start), var(--dim-color-stop));
	opacity: var(--dim-strength);
	pointer-events: none;
}

.g-c-image .g-c-image-size {
	max-width: 100%;
}

.g-c-image.g-c-image-landscape .g-c-image-size {
	aspect-ratio: 3 / 2;
}

.g-c-image.g-c-image-portrait .g-c-image-size {
	aspect-ratio: 2 / 3;
}

.g-c-image.g-c-image-square .g-c-image-size,
.g-c-image.g-c-image-circle .g-c-image-size {
	aspect-ratio: 1 / 1;
}

.g-c-image .g-c-image-blurred-fill {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
}

@media (prefers-reduced-transparency) {
	.g-c-image .g-c-image-blurred-fill {
		display: none;
	}
}

.g-c-image .g-c-image-blurred-fill::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	-webkit-backdrop-filter: blur(16px);
	backdrop-filter: blur(16px);
}

.g-c-image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.g-c-image.g-c-image-fill img {
	object-fit: cover;
}

.g-c-image.g-c-image-fit img {
	object-fit: contain;
}

.g-c-image .g-c-image-loading-state {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: no-repeat 50% 50%/cover;
	transition: var(--transition-speed-slow) ease;
	transition-property: opacity;
	pointer-events: none;
	opacity: 0;
}

.g-c-image.g-c-image-loading .g-c-image-loading-state {
	opacity: 1;
}

.g-c-image .g-c-image-loading-state::after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
}


.g-c-video {
	position: relative;
	overflow: hidden;
}

.g-c-video.g-c-video-inline {
	display: inline-block;
}

.g-c-video.g-c-video-dim::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgb(0 0 0 / 50%);
	pointer-events: none;
}

.g-c-video .g-c-video-size,
.g-c-video.g-c-video-landscape .g-c-video-size {
	padding: 66.66% 0 0;
}

.g-c-video.g-c-video-portrait .g-c-video-size {
	padding: 133.33% 0 0;
}

.g-c-video.g-c-video-square .g-c-video-size,
.g-c-video.g-c-video-circle .g-c-video-size {
	padding: 100% 0 0;
}

.g-c-video video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.g-c-video.g-c-video-fill video {
	object-fit: cover;
}

.g-c-video.g-c-video-fit video {
	object-fit: contain;
}


.g-t-h {
	--color: var(--color-on-surface-1);
	--font-family: var(--h-font-family);
	--font-weight: var(--h-font-weight);
	--line-height: var(--h-line-height);
	position: relative;
	margin: 1.5em 0 0.5em;
	color: var(--color);
	font-family: var(--font-family);
	font-weight: var(--font-weight);
	line-height: var(--line-height);
	font-optical-sizing: auto;
}

.g-t-h.g-t-h-truncate {
	--lines: 1;
	display: -webkit-box;
	-webkit-line-clamp: var(--lines);
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.g-t-h1,
h1 {
	font-size: var(--h1-font-size);
}

.g-t-h2,
h2 {
	font-size: var(--h2-font-size);
}

.g-t-h3,
h3 {
	font-size: var(--h3-font-size);
}

.g-t-h4,
h4 {
	font-size: var(--h4-font-size);
}

.g-t-h5,
h5 {
	font-size: var(--h5-font-size);
}

.g-t-h6,
h6 {
	font-size: var(--h6-font-size);
}

.g-t-overline + .g-t-h {
	margin-top: var(--spacing-xxxs);
}

.g-t-h:first-child {
	margin-top: 0;
}

.g-t-h:last-child {
	margin-bottom: 0;
}

.g-t-h .g-t-h-anchor {
	position: absolute;
	top: calc(0px - var(--spacing-xxxs));
	left: 0;
	padding: var(--spacing-xxxs);
	text-decoration: none;
	opacity: 0;
	transform: translateX(-100%);
	transition: var(--transition-speed-very-fast) ease;
	transition-property: opacity;
}

.g-t-h:hover .g-t-h-anchor {
	opacity: 0.66;
}

.g-t-h:hover .g-t-h-anchor:hover {
	opacity: 1;
}


.g-t-label {
	--font-size: var(--control-font-size-m);
	color: var(--color-on-surface-2);
	font-family: var(--control-font-family);
	font-size: var(--font-size);
	font-weight: var(--control-font-weight);
	line-height: var(--control-line-height);
}

.g-t-label.g-t-label-s,
.g-t-label.g-t-label-small {
	--font-size: var(--control-font-size-s);
}

.g-t-label.g-t-label-l,
.g-t-label.g-t-label-large {
	--font-size: var(--control-font-size-l);
}

.g-t-caption {
	color: var(--color-on-surface-4);
	font-size: var(--control-font-size-s);
	line-height: var(--control-line-height);
}

.g-t-overline {
	color: var(--color-on-surface-4);
	font-size: var(--control-font-size-m);
	font-weight: var(--control-font-weight);
	line-height: var(--control-line-height);
}

.g-t-overline.g-t-overline-small {
	font-size: var(--control-font-size-s);
}

.g-t-p,
p {
	margin: 0.75em 0 1em;
	color: var(--color-on-surface-2);
	font-family: var(--p-font-family);
	font-size: var(--p-font-size-m);
	font-weight: var(--p-font-weight-regular);
	line-height: var(--p-line-height);
}

.g-t-p.g-t-p-large,
p.g-t-p-large {
	font-size: var(--p-font-size-l);
}

.g-t-p.g-t-p-small,
p.g-t-p-small {
	font-size: var(--p-font-size-s);
}

.g-t-p.g-t-p-fine,
p.g-t-p-fine {
	font-size: var(--p-font-size-xs);
}

.g-c-divider + .g-t-p {
	margin-top: 1.5em;
}

.g-t-p.g-t-p-first,
.g-t-p:first-child,
p.g-t-p-first,
p:first-child {
	margin-top: 0;
}

.g-t-p.g-t-p-last,
.g-t-p:last-child,
p.g-t-p-last,
p:last-child {
	margin-bottom: 0;
}

.g-t-p.g-t-p-blockquote {
	position: relative;
	padding-left: calc(var(--spacing-s) + 4px);
}

.g-t-p.g-t-p-blockquote::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 4px;
	height: 100%;
	background: var(--color-on-surface-7);
	border-radius: 2px;
}

.g-t-p.g-t-p-optimal-width {
	max-width: 70ch;
}


p em,
.g-t-p em,
.g-t-p-em {
	font-style: italic;
}

p strong,
.g-t-p strong,
.g-t-p-strong {
	font-weight: var(--p-font-weight-bold);
}


.g-t-a,
a {
	text-decoration: underline;
}


.g-t-balanced {
	text-wrap: balance;
}



.g-c-divider,
.g-c-divider.g-c-divider-horizontal {
	width: 100%;
	height: 1px;
}

.g-c-divider.g-c-divider-vertical {
	width: 1px;
	height: 100%;
}

.g-c-divider.g-c-divider-inset-xs {
	padding: 0 var(--spacing-xxs);
}

.g-c-divider.g-c-divider-vertical.g-c-divider-inset-xs {
	padding: var(--spacing-xxs) 0;
}

.g-c-divider.g-c-divider-inset-s {
	padding: 0 var(--spacing-xs);
}

.g-c-divider.g-c-divider-vertical.g-c-divider-inset-s {
	padding: var(--spacing-xs) 0;
}

.g-c-divider.g-c-divider-inset,
.g-c-divider.g-c-divider-inset-m {
	padding: 0 var(--spacing-s);
}

.g-c-divider.g-c-divider-vertical.g-c-divider-inset,
.g-c-divider.g-c-divider-vertical.g-c-divider-inset-m {
	padding: var(--spacing-s) 0;
}

.g-c-divider.g-c-divider-inset-l {
	padding: 0 var(--spacing-m);
}

.g-c-divider.g-c-divider-vertical.g-c-divider-inset-l {
	padding: var(--spacing-m) 0;
}

.g-c-divider.g-c-divider-inset-xl {
	padding: 0 var(--spacing-l);
}

.g-c-divider.g-c-divider-vertical.g-c-divider-inset-xl {
	padding: var(--spacing-l) 0;
}

.g-t-p + .g-c-divider {
	margin-top: 1.5em;
}

.g-c-divider::after {
	width: 100%;
	height: 100%;
	content: '';
	display: block;
	background-color: var(--color-on-surface-7);
}

.g-c-divider.g-c-divider-invisible::after {
	background-color: transparent;
}



.g-c-scrim {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--color-scrim);
	opacity: 0;
	transition: var(--transition-speed-fast) ease;
	transition-property: opacity;
}

.g-c-scrim.g-c-scrim-invisible {
	background: none;
}

.g-c-scrim.g-c-scrim-frosted {
	-webkit-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px);
}

div:not(:nth-last-child(1 of .g-c-modal)) .g-c-scrim {
	opacity: 0 !important;
}


.g-c-tooltip-toggle {
	color: var(--color-on-surface-4);
}


.g-c-label .g-c-tooltip-toggle {
	margin-top: -2px;
	margin-left: var(--spacing-xxs);
	display: inline-block;
	vertical-align: middle;
}


.g-c-tooltip {
	position: absolute;
	max-width: 400px;
	border-radius: var(--corners-round-s);
	opacity: 0;
	transform: scale(0.98);
	transition: var(--transition-speed-very-fast) ease;
	transition-property: opacity, transform;
	box-shadow: var(--elevation-3);
	pointer-events: none;
	z-index: 99;
}

.g-c-tooltip .g-c-tooltip-content {
	padding: var(--spacing-xxs);
}

.g-c-tooltip .g-c-tooltip-message {
	padding: 0 var(--spacing-xxxxs);
	font-family: var(--control-font-family);
	font-size: var(--control-font-size-s);
	line-height: var(--control-line-height);
}


.g-c-loading-indicator {
	width: var(--size-m);
    height: var(--size-xxxxs);
	pointer-events: none;
	overflow: hidden;
	border-radius: 100px;
	transition: 200ms ease-in-out;
	transition-property: opacity, width;
}

.g-c-loading-indicator-content {
	position: relative;
}

@keyframes g-c-loading-indicator-dot {
	0% {
		opacity: 0.8;
	}
	50% {
		opacity: 0.2;
	}
}

.g-c-loading-indicator-dot {
	position: absolute;
	top: 0;
	width: var(--size-xxxxs);
	height: var(--size-xxxxs);
	background: currentColor;
	border-radius: 100px;
	animation: g-c-loading-indicator-dot 2s infinite;
	opacity: 0.8;
}

.g-c-loading-indicator-dot:nth-child(1) {
	left: 0;
}

.g-c-loading-indicator-dot:nth-child(2) {
	left: 50%;
	animation-delay: 1s;
	translate: -50% 0;
}

.g-c-loading-indicator-dot:nth-child(3) {
	right: 0;
}



.g-c-toast {
	position: fixed;
	opacity: 0;
	scale: 98%;
	transition: var(--transition-speed-very-fast) ease;
	transition-property: opacity, scale;
	z-index: 9999;
}

.g-c-toast.g-c-toast-topCenter {
	top: var(--page-offset);
	left: 50%;
	transform: translateX(-50%);
}

.g-c-toast.g-c-toast-topRight {
	top: var(--page-offset);
	right: var(--page-offset);
}

.g-c-toast.g-c-toast-bottomRight {
	right: var(--page-offset);
	bottom: var(--page-offset);
}

.g-c-toast.g-c-toast-bottomCenter {
	bottom: var(--page-offset);
	left: 50%;
	transform: translateX(-50%);
}

.g-c-toast.g-c-toast-bottomLeft {
	bottom: var(--page-offset);
	left: var(--page-offset);
}

.g-c-toast.g-c-toast-success {
	background-color: var(--color-state-success-primary);
	color: var(--color-on-state-primary);
}

.g-c-toast.g-c-toast-warning {
	background-color: var(--color-state-warning-primary);
	color: var(--color-on-state-primary);
}

.g-c-toast.g-c-toast-error {
	background-color: var(--color-state-error-primary);
	color: var(--color-on-state-primary);
}

.g-c-toast .g-c-toast-content {
	height: var(--size-xxl);
	padding: 0 var(--spacing-s);
	display: flex;
	flex-direction: row;
	gap: var(--spacing-xs);
	align-items: center;
}

.g-c-toast.g-c-toast-has-image .g-c-toast-content {
	padding-left: var(--spacing-xs);
}

.g-c-toast .g-c-toast-message {
	display: flex;
	flex-direction: row;
	gap: var(--spacing-xxs);
	align-items: center;
	font-family: var(--control-font-family);
	font-size: var(--control-font-size-m);
	line-height: var(--control-line-height);
}

.g-c-toast.g-c-toast-has-image .g-c-toast-message {
	gap: var(--spacing-xs);
}

.g-c-toast .g-c-toast-message-text {
	font-weight: 500;
}

.g-c-toast .g-c-toast-message-image {
	overflow: hidden;
	border-radius: var(--corners-round-s);
}

.g-c-toast .g-c-toast-message-image .g-c-image {
	width: var(--size-l);
	height: var(--size-l);
}

.g-c-toast-actions {
	display: flex;
	flex-direction: row;
	gap: var(--spacing-xs);
	align-items: center;
}


.g-c-badge {
	position: relative;
	display: inline-block;
	height: var(--size-m);
    padding: 0 var(--spacing-xs);
	background: var(--color-secondary-surface);
	color: var(--color-on-surface-2);
    border-radius: var(--corners-round-l);
    color: var(--color-on-surface-2);
    font-size: var(--control-font-size-xs);
    font-weight: 500;
    line-height: var(--size-m);
}

.g-c-badge:only-child {
	display: block;
}

.g-c-badge.g-p-glass {
	background: linear-gradient(var(--color-transparent-surface), var(--color-transparent-surface)), linear-gradient(180deg, rgb(255 255 255 / 8%), rgb(255 255 255 / 16%) 25%, rgb(255 255 255 / 8%) 50%);
}


.g-c-button {
	--height: var(--size-xl);
	--fill-color: none;
    --fill-backdrop: none;
	--label-color: inherit;
	--corners-radius: var(--corners-round-m);
	position: relative;
	display: inline-block;
	background: none;
	border: 0;
	border-radius: var(--corners-radius);
	font: inherit;
	text-decoration: none;
	cursor: pointer;
	transition: var(--transition-speed-fast) ease;
	transition-property: background-color, color;
	overflow: hidden;
	user-select: none;
	background-color: var(--fill-color);
	-webkit-backdrop-filter: var(--fill-backdrop);
	backdrop-filter: var(--fill-backdrop);
	border-radius: var(--corners-radius);
	color: var(--label-color);
}

.g-c-button:only-child {
	display: block;
}

.g-c-button:disabled,
.g-c-button.g-c-button-disabled {
	cursor: default;
	pointer-events: none;
}

.g-c-button.g-c-button-full-width {
	width: 100%;
	text-align: center;
}

.g-c-button.g-c-button-glass {
	--fill-backdrop: var(--glass-effects);
}

.g-c-button.g-c-button-primary,
.g-c-button.g-c-button-secondary,
.g-c-button.g-c-button-tertiary {
	min-width: var(--size-xl);
}

.g-c-button.g-c-button-primary {
	--fill-color: var(--color-accent-primary);
	--label-color: var(--color-on-accent-primary);
}

.g-c-button.g-c-button-secondary {
	--fill-color: var(--color-on-surface-8);
	--label-color: var(--color-on-surface-2);
}

.g-c-button:not(.g-c-button-disabled).g-c-button-primary,
.g-c-button:not(.g-c-button-disabled).g-c-button-secondary {
	background-image: linear-gradient(180deg, rgb(255 255 255 / 4%), rgb(0 0 0 / 2%));
	box-shadow: inset 0 -1px 0 rgba(0 0 0 / 6%), inset 0 1px 0 rgba(255 255 255 / 6%);
}

.g-c-button.g-c-button-glass.g-c-button-secondary {
	background: linear-gradient(var(--color-transparent-surface), var(--color-transparent-surface)), linear-gradient(180deg, rgb(255 255 255 / 8%), rgb(255 255 255 / 16%) 25%, rgb(255 255 255 / 8%) 50%);
}

.g-c-button:not(.g-c-button-disabled).g-c-button-glass.g-c-button-secondary {
	background: linear-gradient(var(--color-transparent-surface), var(--color-transparent-surface)), linear-gradient(180deg, rgb(255 255 255 / 8%), rgb(255 255 255 / 16%) 25%, rgb(255 255 255 / 8%) 50%);
}

.g-c-button.g-c-button-tertiary {
    --fill-color: var(--color-on-surface-8);
    --label-color: var(--color-on-surface-3);
}

.g-c-button.g-c-button-glass.g-c-button-tertiary {
	background: linear-gradient(var(--color-transparent-surface), var(--color-transparent-surface)), linear-gradient(180deg, rgb(255 255 255 / 8%), rgb(255 255 255 / 16%) 25%, rgb(255 255 255 / 8%) 50%);
}

.g-c-button.g-c-button-primary.g-c-button-xs,
.g-c-button.g-c-button-secondary.g-c-button-xs,
.g-c-button.g-c-button-tertiary.g-c-button-xs {
	--corners-radius: var(--corners-round-xs);
	min-width: var(--size-m);
}

.g-c-button.g-c-button-primary.g-c-button-s,
.g-c-button.g-c-button-secondary.g-c-button-s,
.g-c-button.g-c-button-tertiary.g-c-button-s {
	--corners-radius: var(--corners-round-s);
	min-width: var(--size-l);
}

.g-c-button.g-c-button-primary.g-c-button-l,
.g-c-button.g-c-button-secondary.g-c-button-l,
.g-c-button.g-c-button-tertiary.g-c-button-l {
	--corners-radius: var(--corners-round-m);
	min-width: var(--size-xxl);
}

.g-c-button.g-c-button-primary.g-c-button-xl,
.g-c-button.g-c-button-secondary.g-c-button-xl,
.g-c-button.g-c-button-tertiary.g-c-button-xl {
	--corners-radius: var(--corners-round-l);
	min-width: var(--size-xxxl);
}

.g-c-button.g-c-button-primary.g-c-button-pill,
.g-c-button.g-c-button-secondary.g-c-button-pill,
.g-c-button.g-c-button-tertiary.g-c-button-pill {
	--corners-radius: 100px;
}

.g-c-button.g-c-button-has-label {
	width: auto;
	padding: 0 var(--spacing-m);
}

.g-c-button.g-c-button-has-label.g-c-button-has-icon {
	padding-left: calc(var(--spacing-m) - 4px);
}

.g-c-button.g-c-button-xs.g-c-button-has-label {
	padding: 0 var(--spacing-xs);
}

.g-c-button.g-c-button-s.g-c-button-has-label {
	padding: 0 var(--spacing-s);
}

.g-c-button.g-c-button-l.g-c-button-has-label {
	padding: 0 var(--spacing-l);
}

.g-c-button.g-c-button-l.g-c-button-has-label.g-c-button-has-icon {
	padding-left: calc(var(--spacing-l) - 4px);
}

.g-c-button.g-c-button-xl.g-c-button-has-label {
	padding: 0 var(--spacing-l);
}

.g-c-button.g-c-button-xl.g-c-button-has-label.g-c-button-has-icon {
	padding-left: calc(var(--spacing-l) - 4px);
}

.g-c-button.g-c-button-ghost {
	--label-color: var(--color-on-surface-1);
	--fill-backdrop: none;
	height: var(--size-m);
	padding: 0;
}

.g-c-button.g-c-button-xs.g-c-button-ghost {
	height: var(--size-xs);
	padding: 0;
}

.g-c-button.g-c-button-s.g-c-button-ghost {
	height: var(--size-s);
	padding: 0;
}

.g-c-button.g-c-button-l.g-c-button-ghost {
	height: var(--size-xl);
	padding: 0;
}

.g-c-button.g-c-button-xl.g-c-button-ghost {
	height: var(--size-xxl);
	padding: 0;
}

.g-c-button.g-c-button-primary.g-c-button-detrimental {
	--fill-color: var(--color-state-error-primary);
	--label-color: var(--color-on-state-primary);
}

.g-c-button.g-c-button-secondary.g-c-button-detrimental {
	--fill-color: var(--color-state-error-secondary);
	--label-color: var(--color-state-error-primary);
}

.g-c-button.g-c-button-tertiary.g-c-button-detrimental {
	--fill-color: var(--color-accent-tertiary);
	--label-color: var(--color-state-error-primary);
}

.g-c-button.g-c-button-ghost.g-c-button-detrimental {
	--label-color: var(--color-state-error-primary);
}

.g-c-button::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 48px;
	height: 48px;
	translate: -50% -50%;
	border-radius: 100%;
}

.g-c-button-content {
	height: var(--height);
	min-width: var(--size-s);
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.g-c-button.g-c-button-disabled .g-c-button-content {
	opacity: 0.5;
}

.g-c-button.g-c-button-xs .g-c-button-content {
	--height: var(--size-m);
	min-width: var(--size-xxs);
}

.g-c-button.g-c-button-s .g-c-button-content {
	--height: var(--size-l);
	min-width: var(--size-xxs);
}

.g-c-button.g-c-button-l .g-c-button-content {
	--height: var(--size-xxl);
}

.g-c-button.g-c-button-xl .g-c-button-content {
	--height: var(--size-xxxl);
}

.g-c-button.g-c-button-ghost .g-c-button-content {
	--height: auto;
}

.g-c-button.g-c-button-has-label.g-c-button-has-icon .g-c-button-content {
	gap: var(--spacing-xxs);
}

.g-c-button.g-c-button-has-label.g-c-button-has-icon.g-c-button-xs .g-c-button-content,
.g-c-button.g-c-button-has-label.g-c-button-has-icon.g-c-button-s .g-c-button-content {
	gap: var(--spacing-xxxs);
}

.g-c-button.g-c-button-icon > .g-icon {
	display: block;
}

.g-c-button .g-c-button-content > .g-c-button-icon > .g-icon {
	display: block;
}

.g-c-button .g-c-button-content > .g-c-button-icon > svg {
	width: var(--size-xs);
	height: var(--size-xs);
	display: block;
	fill: var(--label-color);
}

.g-c-button.g-c-button-icon .g-c-button-content > .g-c-button-icon > svg {
	width: var(--size-s);
	height: var(--size-s);
}

.g-c-button.g-c-button-s .g-c-button-content > .g-c-button-icon > svg {
	width: var(--size-xxs);
	height: var(--size-xxs);
}

.g-c-button.g-c-button-icon.g-c-button-s .g-c-button-content > .g-c-button-icon > svg {
	width: var(--size-xs);
	height: var(--size-xs);
}

.g-c-button.g-c-button-l .g-c-button-content > .g-c-button-icon > svg {
	width: var(--size-s);
	height: var(--size-s);
}

.g-c-button.g-c-button-icon.g-c-button-l .g-c-button-content > .g-c-button-icon > svg {
	width: var(--size-m);
	height: var(--size-m);
}

.g-c-button.g-c-button-xl .g-c-button-content > .g-c-button-icon > svg {
	width: var(--size-m);
	height: var(--size-m);
}

.g-c-button.g-c-button-icon.g-c-button-xl .g-c-button-content > .g-c-button-icon > svg {
	width: var(--size-l);
	height: var(--size-l);
}

.g-c-button-label {
	font-family: var(--control-font-family);
	font-size: var(--control-font-size-m);
	font-weight: var(--control-font-weight);
	line-height: var(--control-line-height);
	transition: opacity var(--transition-speed-fast) ease;
}

.g-c-button.g-c-button-fixed-width .g-c-button-label {
	min-width: 4em;
	text-align: center;
}

.g-c-button.g-c-button-xs .g-c-button-label,
.g-c-button.g-c-button-s .g-c-button-label {
	font-size: var(--control-font-size-s);
}

.g-c-button.g-c-button-l .g-c-button-label,
.g-c-button.g-c-button-xl .g-c-button-label {
	font-size: var(--control-font-size-l);
}

.g-c-button.g-c-button-xs.g-c-button-fixed-width .g-c-button-label,
.g-c-button.g-c-button-s.g-c-button-fixed-width .g-c-button-label {
	min-width: 3em;
}

.g-c-button.g-c-button-l.g-c-button-fixed-width .g-c-button-label {
	min-width: 5em;
}

.g-c-button.g-c-button-xl.g-c-button-fixed-width .g-c-button-label {
	min-width: 7em;
}

.g-c-button.g-c-button-loading .g-c-button-label,
.g-c-button.g-c-button-loading .g-c-button-icon {
	opacity: 0;
}

.g-c-button .g-c-loading-indicator {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 0;
	opacity: 0;
	transform: translate(-50%, -50%);
}

.g-c-button.g-c-button-loading .g-c-loading-indicator {
	opacity: 1;
	width: var(--size-m);
}

@keyframes g-c-button-state-indicator {
	0% {
		opacity: 0;
		scale: 0%;
	}
	50% {
		opacity: 0.08;
		scale: 100%;
	}
	100% {
		opacity: 0;
		scale: 100%;
	}
}

.g-c-button-state-indicator {
	position: absolute;
	display: none;
}

.g-s-active-state > .g-c-button-state-indicator {
	display: block;
	top: 50%;
	left: 50%;
	width: 120%;
	border-radius: 100%;
	opacity: 0;
	scale: 0%;
	translate: -50% -50%;
	animation: g-c-button-state-indicator var(--transition-speed-slow) ease forwards;
}

.g-c-button.g-c-button-disabled:not(.g-c-button-loading) > .g-c-button-state-indicator {
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--color-surface);
	opacity: 0.25;
}

.g-c-button.g-s-active-state > .g-c-button-state-indicator {
	background-color: currentColor;
}

.g-c-button.g-c-button-ghost .g-c-button-state-indicator {
	display: none;
}

.g-s-active-state > .g-c-button-state-indicator::after {
	content: '';
	display: block;
	padding: 100% 0 0;
}


.g-c-fab {
	position: fixed;
	bottom: var(--page-offset);
	right: var(--page-offset);
	z-index: 1;
}

.g-c-fab.g-c-fab-left {
	left: var(--page-offset);
	right: auto;
}

.g-c-fab.g-c-fab-center {
	left: 50%;
	right: auto;
	translate: -50% 0;
}

.g-c-fab.g-c-fab-stack {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-xxs);
}

.g-c-fab > .g-c-button {
	box-shadow: var(--elevation-5);
}


.g-c-field {
	--fill-color: var(--color-on-surface-7);
	--fill-backdrop: none;
	min-width: 200px;
	display: inline-flex;
	flex-direction: column;
	gap: var(--spacing-xxs);
}

.g-c-field:only-child {
	display: flex;
}

.g-c-field.g-c-field-checkbox,
.g-c-field.g-c-field-toggle,
.g-c-field.g-c-field-radio {
	min-width: auto;
	flex-direction: row;
	align-items: center;
}

.g-c-field.g-c-field-checkbox.g-c-field-right-aligned,
.g-c-field.g-c-field-toggle.g-c-field-right-aligned,
.g-c-field.g-c-field-radio.g-c-field-right-aligned {
	flex-direction: row-reverse;
}

.g-c-field.g-c-field-has-image {
	flex-direction: column;
}

.g-c-field.g-c-field-dependent {
	display: none;
}

.g-l-form-row .g-c-field.g-c-field-text,
.g-l-form-row .g-c-field.g-c-field-textarea,
.g-l-form-row .g-c-field.g-c-field-select {
	min-width: auto;
	display: flex;
}

.g-c-field label .g-c-field-label-required-indicator {
	font-weight: normal;
}

.g-c-field .g-c-field-image-container {
	position: relative;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	aspect-ratio: 3 / 2;
	background: var(--color-on-surface-8);
	border-radius: var(--corners-round-s);
	cursor: pointer;
}

.g-c-field .g-c-field-image-container::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: var(--corners-round-s);
	border: 0 solid var(--color-accent-primary);
	transition: var(--transition-speed-fast) ease;
	transition-property: border;
	pointer-events: none;
}

.g-c-field.g-c-field-is-checked .g-c-field-image-container::after {
	border-width: 4px;
}

.g-c-field .g-c-field-image-container .g-c-field-image-content {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: var(--spacing-xxs);
}

.g-c-field .g-c-field-image-container .g-c-field-image-content .g-icon,
.g-c-field .g-c-field-image-container .g-c-field-image-content .g-t-label {
	color: var(--color-on-surface-2);
	transition: var(--transition-speed-fast) ease;
	transition-property: color;
}

.g-c-field.g-c-field-is-checked .g-c-field-image-container .g-c-field-image-content .g-icon,
.g-c-field.g-c-field-is-checked .g-c-field-image-container .g-c-field-image-content .g-t-label {
	color: var(--color-accent-primary);
}

.g-c-field .g-c-field-image-container .g-c-image {
	width: 100%;
}

.g-c-field .g-c-field-input {
	position: relative;
	z-index: 1;
	text-align: left;
}

.g-c-field.g-c-field-checkbox .g-c-field-input,
.g-c-field.g-c-field-toggle .g-c-field-input,
.g-c-field.g-c-field-radio .g-c-field-input {
	--size: var(--size-s);
	height: var(--size);
}

.g-c-field.g-c-field-color .g-c-field-input {
	width: var(--size-l);
}


.g-c-field.g-c-field-has-label.g-c-field-has-persistent-label.g-c-field-text .g-c-field-input,
.g-c-field.g-c-field-has-label.g-c-field-has-persistent-label.g-c-field-textarea .g-c-field-input,
.g-c-field.g-c-field-has-label.g-c-field-has-persistent-label.g-c-field-select .g-c-field-input {
	padding-top: 10px;
}

.g-c-field.g-c-field-has-label.g-c-field-has-persistent-label.g-c-field-text.g-c-field-fill .g-c-field-input,
.g-c-field.g-c-field-has-label.g-c-field-has-persistent-label.g-c-field-textarea.g-c-field-fill .g-c-field-input,
.g-c-field.g-c-field-has-label.g-c-field-has-persistent-label.g-c-field-select.g-c-field-fill .g-c-field-input {
	padding-top: 16px;
}

.g-c-field.g-c-field-file .g-c-field-input {
	padding: var(--spacing-xxl);
	display: flex;
	flex-direction: column;
	align-items: center;
	border: 1px dashed var(--color-on-surface-6);
	border-radius: var(--corners-round-s);
}

.g-c-field.g-c-field-file.g-c-field-has-value.g-c-field-hide-drop-area .g-c-field-input {
	display: none;
}

.g-c-field .g-c-field-image-container .g-c-field-input {
	position: absolute;
	right: var(--spacing-xs);
	bottom: var(--spacing-xs);
}

.g-c-field.g-c-field-has-hidden-box .g-c-field-image-container .g-c-field-input {
	visibility: hidden;
}

.g-c-field .g-c-field-input > input,
.g-c-field .g-c-field-input > textarea,
.g-c-field.g-c-field-select .g-c-field-input > select {
	display: block;
	-webkit-appearance: none;
	appearance: none;
	color: var(--color-on-surface-1);
	font-size: var(--control-font-size-m);
	line-height: var(--control-line-height);
	outline: none;
	resize: none;
}

.g-c-field .g-c-field-input > input:read-only,
.g-c-field .g-c-field-input > textarea:read-only,
.g-c-field.g-c-field-select .g-c-field-input > select:read-only {
	cursor: default;
}

.g-c-field.g-c-field-text .g-c-field-input > input,
.g-c-field.g-c-field-select .g-c-field-input > select {
	width: 100%;
	height: var(--size-xl);
	line-height: var(--size-xl);
}

.g-c-field.g-c-field-text.g-c-field-l .g-c-field-input > input,
.g-c-field.g-c-field-select.g-c-field-l .g-c-field-input > select {
	font-size: var(--control-font-size-l);
}

.g-c-field.g-c-field-color .g-c-field-input > input {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
}

.g-c-field.g-c-field-textarea .g-c-field-input > textarea {
	width: 100%;
	min-height: calc(100px + var(--size-xxl));
	line-height: var(--p-line-height);
}

.g-c-field.g-c-field-has-label.g-c-field-has-persistent-label.g-c-field-text .g-c-field-input > input,
.g-c-field.g-c-field-has-label.g-c-field-has-persistent-label.g-c-field-select .g-c-field-input > select {
	height: 42px;
	line-height: 42px;
}

.g-c-field.g-c-field-has-label.g-c-field-has-persistent-label.g-c-field-text.g-c-field-outline .g-c-field-input > input,
.g-c-field.g-c-field-has-label.g-c-field-has-persistent-label.g-c-field-select.g-c-field-outline .g-c-field-input > select {
	height: var(--size-xl);
	line-height: var(--size-xl);
}

.g-c-field.g-c-field-has-label.g-c-field-textarea .g-c-field-input > textarea {
	min-height: 96px;
	padding-top: var(--spacing-xs);
}

.g-c-field.g-c-field-textarea.g-c-field-has-label.g-c-field-has-placeholder .g-c-field-input > textarea {
	opacity: 0;
	transition: opacity var(--transition-speed-very-fast) ease;
}

.g-c-field.g-c-field-textarea.g-c-field-has-label.g-c-field-has-placeholder .g-c-field-input > textarea:focus, .g-c-field.g-c-field-textarea.g-c-field-has-label.g-c-field-has-placeholder.g-c-field-has-value .g-c-field-input > textarea {
	opacity: 1;
}

.g-c-field.g-c-field-has-label.g-c-field-has-persistent-label.g-c-field-text.g-c-field-fill .g-c-field-input > input,
.g-c-field.g-c-field-has-label.g-c-field-has-persistent-label.g-c-field-select.g-c-field-fill .g-c-field-input > select {
	height: 48px;
	line-height: 48px;
}

.g-c-field.g-c-field-checkbox .g-c-field-input > input,
.g-c-field.g-c-field-toggle .g-c-field-input > input,
.g-c-field.g-c-field-radio .g-c-field-input > input {
	width: var(--size);
	height: var(--size);
	display: block;
	margin: 0;
	padding: 0;
	-webkit-appearance: none;
	appearance: none;
	background: none;
	border: 0;
	cursor: pointer;
}

.g-c-field.g-c-field-toggle .g-c-field-input > input {
	width: calc(var(--size) * 1.6);
}

.g-c-field.g-c-field-outline .g-c-field-input > input,
.g-c-field.g-c-field-fill .g-c-field-input > input,
.g-c-field.g-c-field-outline .g-c-field-input > textarea,
.g-c-field.g-c-field-fill .g-c-field-input > textarea,
.g-c-field.g-c-field-outline .g-c-field-input > select,
.g-c-field.g-c-field-fill .g-c-field-input > select {
	padding: 0 calc(var(--spacing-s) + var(--spacing-xxxs));
}

.g-c-field.g-c-field-has-icon .g-c-field-input > input,
.g-c-field.g-c-field-has-icon .g-c-field-input > select {
	padding-left: calc(24px + var(--spacing-xxxs));
}

.g-c-field.g-c-field-l.g-c-field-has-icon .g-c-field-input > input,
.g-c-field.g-c-field-l.g-c-field-has-icon .g-c-field-input > select {
	padding-left: calc(24px + var(--spacing-xxs));
}

.g-c-field.g-c-field-outline.g-c-field-pill .g-c-field-input > input,
.g-c-field.g-c-field-outline.g-c-field-pill .g-c-field-input > select {
	padding: 0 calc(24px + var(--spacing-xxxs));
}

.g-c-field.g-c-field-l.g-c-field-outline.g-c-field-pill .g-c-field-input > input,
.g-c-field.g-c-field-l.g-c-field-outline.g-c-field-pill .g-c-field-input > select {
	padding: 0 calc(24px + var(--spacing-xxs));
}

.g-c-field.g-c-field-has-icon.g-c-field-outline .g-c-field-input > input,
.g-c-field.g-c-field-has-icon.g-c-field-fill .g-c-field-input > input,
.g-c-field.g-c-field-has-icon.g-c-field-outline .g-c-field-input > select,
.g-c-field.g-c-field-has-icon.g-c-field-fill .g-c-field-input > select {
	padding-left: calc(var(--spacing-s) + var(--size-s) + var(--spacing-xxxs) + var(--spacing-xxxs));
}

.g-c-field.g-c-field-fill.g-c-field-pill .g-c-field-input > input,
.g-c-field.g-c-field-fill.g-c-field-pill .g-c-field-input > select {
	padding: 0 var(--spacing-s);
}

.g-c-field.g-c-field-file .g-c-field-input input[type="file"] {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
}

.g-c-field.g-c-field-outline .g-c-field-input > input:disabled,
.g-c-field.g-c-field-outline .g-c-field-input > textarea:disabled,
.g-c-field.g-c-field-outline .g-c-field-input > select:disabled {
	color: var(--color-on-surface-3);
}

.g-c-field .g-c-field-input > input::-webkit-outer-spin-button,
.g-c-field .g-c-field-input > input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.g-c-field .g-c-field-input > input[type="number"] {
	-moz-appearance: textfield;
}

/* CHROME AUTOFILL HACK */
.g-c-field .g-c-field-input > input:-webkit-autofill,
.g-c-field .g-c-field-input > textarea:-webkit-autofill,
.g-c-field.g-c-field-select .g-c-field-input > select:-webkit-autofill {
	-webkit-transition-delay: 99999s;
}

.g-c-field.g-c-field-code .g-c-field-input > input,
.g-c-field.g-c-field-code .g-c-field-input > textarea {
	font-family: var(--monospace-font-family);
	font-size: var(--monospace-font-size);
	font-weight: var(--monospace-font-weight);
	line-height: var(--monospace-line-height);
}


.g-c-field.g-c-field-file .g-c-field-content {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xxs);
    align-items: center;
}

.g-c-field.g-c-field-file .g-c-field-input input[type="file"]:disabled + .g-c-field-content {
	opacity: 0.66;
}

.g-c-field.g-c-field-file .g-c-field-file-icon {
    color: var(--color-on-surface-3);
}

.g-c-field.g-c-field-file .g-c-field-file-title {
    color: var(--color-on-surface-3);
    text-align: center;
	text-wrap: balance;
}


.g-c-field .g-c-field-input .g-c-field-input-decor {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	pointer-events: none;
	z-index: -1;
}

.g-c-field.g-c-field-outline.g-c-field-has-persistent-label .g-c-field-input .g-c-field-input-decor {
	padding-top: 6px;
}

.g-c-field.g-c-field-fill.g-c-field-text .g-c-field-input .g-c-field-input-decor,
.g-c-field.g-c-field-fill.g-c-field-textarea .g-c-field-input .g-c-field-input-decor,
.g-c-field.g-c-field-fill.g-c-field-select .g-c-field-input .g-c-field-input-decor {
	background: var(--fill-color);
	-webkit-backdrop-filter: var(--fill-backdrop);
	backdrop-filter: var(--fill-backdrop);
	border-radius: var(--corners-round-s);
	transition: background-color var(--transition-speed-very-fast) ease;
}

.g-c-field.g-c-field-fill.g-c-field-pill .g-c-field-input .g-c-field-input-decor {
	border-radius: 100px;
}

.g-c-field.g-c-field-outline .g-c-field-input .g-c-field-input-decor > div,
.g-c-field.g-c-field-underline .g-c-field-input .g-c-field-input-decor > div,
.g-c-field.g-c-field-checkbox .g-c-field-input .g-c-field-input-decor > div,
.g-c-field.g-c-field-toggle .g-c-field-input .g-c-field-input-decor > div,
.g-c-field.g-c-field-radio .g-c-field-input .g-c-field-input-decor > div {
	border: solid var(--color-on-surface-4);
	transition: border-color var(--transition-speed-very-fast) ease;
}

.g-c-field.g-c-field-outline .g-c-field-input input:focus + .g-c-field-input-decor > div,
.g-c-field.g-c-field-underline .g-c-field-input input:focus + .g-c-field-input-decor > div,
.g-c-field.g-c-field-outline .g-c-field-input textarea:focus + .g-c-field-input-decor > div,
.g-c-field.g-c-field-underline .g-c-field-input textarea:focus + .g-c-field-input-decor > div,
.g-c-field.g-c-field-outline .g-c-field-input select:focus + .g-c-field-input-decor > div,
.g-c-field.g-c-field-underline .g-c-field-input select:focus + .g-c-field-input-decor > div,
.g-c-field.g-c-field-checkbox .g-c-field-input input:focus + .g-c-field-input-decor > div,
.g-c-field.g-c-field-toggle .g-c-field-input input:focus + .g-c-field-input-decor > div,
.g-c-field.g-c-field-radio .g-c-field-input input:focus + .g-c-field-input-decor > div {
	border-color: var(--color-on-surface-2);
}

.g-c-field.g-c-field-outline .g-c-field-input input:disabled + .g-c-field-input-decor > div,
.g-c-field.g-c-field-underline .g-c-field-input input:disabled + .g-c-field-input-decor > div,
.g-c-field.g-c-field-outline .g-c-field-input textarea:disabled + .g-c-field-input-decor > div,
.g-c-field.g-c-field-underline .g-c-field-input textarea:disabled + .g-c-field-input-decor > div,
.g-c-field.g-c-field-outline .g-c-field-input select:disabled + .g-c-field-input-decor > div,
.g-c-field.g-c-field-underline .g-c-field-input select:disabled + .g-c-field-input-decor > div {
	border-color: var(--color-on-surface-7);
}

.g-c-field.g-c-field-outline.g-c-field-has-error .g-c-field-input .g-c-field-input-decor > div,
.g-c-field.g-c-field-underline.g-c-field-has-error .g-c-field-input .g-c-field-input-decor > div,
.g-c-field.g-c-field-checkbox.g-c-field-has-error .g-c-field-input .g-c-field-input-decor > div,
.g-c-field.g-c-field-toggle.g-c-field-has-error .g-c-field-input .g-c-field-input-decor > div,
.g-c-field.g-c-field-radio.g-c-field-has-error .g-c-field-input .g-c-field-input-decor > div {
	border-color: var(--color-state-error-primary);
}

.g-c-field.g-c-field-checkbox .g-c-field-input .g-c-field-input-decor .g-c-field-input-decor-indicator,
.g-c-field.g-c-field-radio .g-c-field-input .g-c-field-input-decor .g-c-field-input-decor-indicator,
.g-c-field.g-c-field-toggle .g-c-field-input .g-c-field-input-decor .g-c-field-input-decor-indicator {
	width: 100%;
	height: 100%;
	border: 0;
	background-color: var(--color-on-surface-5);
}

.g-c-field.g-c-field-checkbox .g-c-field-input input:disabled + .g-c-field-input-decor > div,
.g-c-field.g-c-field-toggle .g-c-field-input input:disabled + .g-c-field-input-decor > div,
.g-c-field.g-c-field-radio .g-c-field-input input:disabled + .g-c-field-input-decor > div {
	background-color: var(--color-on-surface-8);
}

.g-c-field.g-c-field-toggle .g-c-field-input .g-c-field-input-decor .g-c-field-input-decor-indicator,
.g-c-field.g-c-field-radio .g-c-field-input .g-c-field-input-decor .g-c-field-input-decor-indicator {
	border-radius: calc(var(--size) * 0.5);
}

.g-c-field.g-c-field-checkbox .g-c-field-input .g-c-field-input-decor .g-c-field-input-decor-indicator {
	border-radius: var(--corners-round-s);
}

.g-c-field.g-c-field-checkbox .g-c-field-input input:checked + .g-c-field-input-decor .g-c-field-input-decor-indicator,
.g-c-field.g-c-field-toggle .g-c-field-input input:checked + .g-c-field-input-decor .g-c-field-input-decor-indicator,
.g-c-field.g-c-field-radio .g-c-field-input input:checked + .g-c-field-input-decor .g-c-field-input-decor-indicator,
.g-c-field.g-c-field-checkbox .g-c-field-input input[type="checkbox"]:indeterminate + .g-c-field-input-decor .g-c-field-input-decor-indicator {
	background: var(--color-accent-primary);
	border-color: var(--color-accent-primary);
}

.g-c-field.g-c-field-checkbox .g-c-field-input input:checked:disabled + .g-c-field-input-decor .g-c-field-input-decor-indicator,
.g-c-field.g-c-field-toggle .g-c-field-input input:checked:disabled + .g-c-field-input-decor .g-c-field-input-decor-indicator,
.g-c-field.g-c-field-radio .g-c-field-input input:checked:disabled + .g-c-field-input-decor .g-c-field-input-decor-indicator,
.g-c-field.g-c-field-checkbox .g-c-field-input input[type="checkbox"]:indeterminate:disabled + .g-c-field-input-decor .g-c-field-input-decor-indicator {
	opacity: 0.66;
}

.g-c-field.g-c-field-checkbox .g-c-field-input .g-c-field-input-decor .g-c-field-input-decor-indicator .g-c-field-input-decor-indicator-symbol,
.g-c-field.g-c-field-radio .g-c-field-input .g-c-field-input-decor .g-c-field-input-decor-indicator .g-c-field-input-decor-indicator-symbol {
	position: absolute;
	top: 0px;
	bottom: 0;
	left: 0px;
	right: 0;
	opacity: 0;
}

/*
FIX FOR ICON POSITIONING ISSUE
*/
.g-c-field.g-c-field-checkbox .g-c-field-input .g-c-field-input-decor .g-c-field-input-decor-indicator .g-c-field-input-decor-indicator-symbol {
	top: 0.5px;
	left: 0.5px;
}

.g-c-field.g-c-field-checkbox .g-c-field-input input:checked + .g-c-field-input-decor .g-c-field-input-decor-indicator .g-c-field-input-decor-indicator-symbol.g-c-field-input-decor-checked-indicator-symbol,
.g-c-field.g-c-field-checkbox .g-c-field-input input[type="checkbox"]:indeterminate + .g-c-field-input-decor .g-c-field-input-decor-indicator .g-c-field-input-decor-indicator-symbol.g-c-field-input-decor-indeterminate-indicator-symbol,
.g-c-field.g-c-field-radio .g-c-field-input input:checked + .g-c-field-input-decor .g-c-field-input-decor-indicator .g-c-field-input-decor-indicator-symbol {
	opacity: 1;
}

.g-c-field.g-c-field-toggle .g-c-field-input .g-c-field-input-decor .g-c-field-input-decor-indicator .g-c-field-input-decor-indicator-symbol,
.g-c-field.g-c-field-radio .g-c-field-input .g-c-field-input-decor .g-c-field-input-decor-indicator .g-c-field-input-decor-indicator-symbol {
	position: absolute;
	top: calc(var(--size) * 0.2);
	left: calc(var(--size) * 0.2);
	width: calc(var(--size) * 0.6);
	height: calc(var(--size) * 0.6);
	background: var(--color-surface);
	border-radius: 100%;
	transition: var(--transition-speed-very-fast) ease;
	transition-property: outline, background-color, transform;
}

.g-c-field.g-c-field-toggle .g-c-field-input input:disabled + .g-c-field-input-decor .g-c-field-input-decor-indicator .g-c-field-input-decor-indicator-symbol,
.g-c-field.g-c-field-radio .g-c-field-input input:disabled + .g-c-field-input-decor .g-c-field-input-decor-indicator .g-c-field-input-decor-indicator-symbol {
	background-color: var(--color-on-surface-8);
}

.g-c-field.g-c-field-toggle .g-c-field-input input:checked + .g-c-field-input-decor .g-c-field-input-decor-indicator .g-c-field-input-decor-indicator-symbol {
	background-color: var(--color-on-accent-primary);
	transform: translateX(calc(var(--size) * 0.6));
}

.g-c-field.g-c-field-radio .g-c-field-input input:checked + .g-c-field-input-decor .g-c-field-input-decor-indicator .g-c-field-input-decor-indicator-symbol {
	background-color: var(--color-on-accent-primary);
}

.g-c-field .g-c-field-input .g-c-field-input-decor .g-c-field-input-decor-indicator i {
	color: var(--color-on-accent-primary);
}

.g-c-field .g-c-field-input .g-c-field-input-decor .g-c-field-input-decor-indicator svg {
	display: block;
}

.g-c-field.g-c-field-checkbox .g-c-field-input .g-c-field-input-decor .g-c-field-input-decor-indicator svg path {
	stroke: var(--color-on-accent-primary);
	stroke-width: 4px;
}

.g-c-field .g-c-field-input .g-c-field-input-decor .g-c-field-input-decor-left {
	display: flex;
	align-items: center;
}

.g-c-field.g-c-field-has-icon .g-c-field-input .g-c-field-input-decor .g-c-field-input-decor-left {
	padding-right: var(--spacing-xxxs);
}

.g-c-field.g-c-field-l.g-c-field-has-icon .g-c-field-input .g-c-field-input-decor .g-c-field-input-decor-left {
	padding-right: var(--spacing-xxs);
}

.g-c-field.g-c-field-outline .g-c-field-input .g-c-field-input-decor .g-c-field-input-decor-left,
.g-c-field.g-c-field-fill .g-c-field-input .g-c-field-input-decor .g-c-field-input-decor-left {
	padding-left: var(--spacing-s);
	border-radius: var(--corners-round-s) 0 0 var(--corners-round-s);
}

.g-c-field.g-c-field-outline.g-c-field-pill .g-c-field-input .g-c-field-input-decor .g-c-field-input-decor-left,
.g-c-field.g-c-field-fill.g-c-field-pill .g-c-field-input .g-c-field-input-decor .g-c-field-input-decor-left {
	border-radius: 100px 0 0 100px;
}

.g-c-field.g-c-field-outline .g-c-field-input .g-c-field-input-decor .g-c-field-input-decor-left {
	border-width: 1px 0 1px 1px;
}

.g-c-field.g-c-field-underline .g-c-field-input .g-c-field-input-decor .g-c-field-input-decor-left {
	border-width: 0 0 1px;
}

.g-c-field .g-c-field-input .g-c-field-input-decor .g-c-field-input-decor-left .g-c-field-icon {
	color: var(--color-on-surface-3);
	transition: var(--transition-speed-very-fast) ease;
	transition-property: color;
}

.g-c-field .g-c-field-input input:focus + .g-c-field-input-decor .g-c-field-input-decor-left .g-c-field-icon,
.g-c-field .g-c-field-input select:focus + .g-c-field-input-decor .g-c-field-input-decor-left .g-c-field-icon {
	color: var(--color-on-surface-1);
}

.g-c-field .g-c-field-input .g-c-field-input-decor .g-c-field-input-decor-middle {
	position: relative;
	box-sizing: content-box;
	z-index: 1;
}

.g-c-field.g-c-field-outline .g-c-field-input .g-c-field-input-decor .g-c-field-input-decor-middle,
.g-c-field.g-c-field-fill .g-c-field-input .g-c-field-input-decor .g-c-field-input-decor-middle {
	padding: 0 var(--spacing-xxxs);
}

.g-c-field.g-c-field-outline .g-c-field-input .g-c-field-input-decor .g-c-field-input-decor-middle {
	border-width: 1px 0;
	transition: var(--transition-speed-very-fast) ease;
	transition-property: border-color;
}

.g-c-field.g-c-field-underline .g-c-field-input .g-c-field-input-decor .g-c-field-input-decor-middle {
	border-width: 0 0 1px;
}

.g-c-field.g-c-field-outline.g-c-field-has-label.g-c-field-has-persistent-label.g-c-field-has-value .g-c-field-input .g-c-field-input-decor .g-c-field-input-decor-middle,
.g-c-field.g-c-field-outline.g-c-field-has-label.g-c-field-has-persistent-label .g-c-field-input input:focus + .g-c-field-input-decor .g-c-field-input-decor-middle,
.g-c-field.g-c-field-outline.g-c-field-has-label.g-c-field-has-persistent-label .g-c-field-input textarea:focus + .g-c-field-input-decor .g-c-field-input-decor-middle,
.g-c-field.g-c-field-outline.g-c-field-has-label.g-c-field-has-persistent-label .g-c-field-input select:focus + .g-c-field-input-decor .g-c-field-input-decor-middle {
	border-top-color: transparent;
}

.g-c-field .g-c-field-input .g-c-field-input-decor .g-c-field-input-decor-middle label {
	position: absolute;
	top: 50%;
	color: var(--color-on-surface-3);
	white-space: nowrap;
	transform: translateY(-50%);
	transform-origin: top left;
	transition: var(--transition-speed-very-fast) ease;
	transition-property: color, opacity, transform, scale;
}

.g-c-field.g-c-field-textarea .g-c-field-input .g-c-field-input-decor .g-c-field-input-decor-middle label {
	top: 26px;
}

.g-c-field.g-c-field-outline.g-c-field-textarea .g-c-field-input .g-c-field-input-decor .g-c-field-input-decor-middle label {
	top: 22px;
}

.g-c-field .g-c-field-input input:focus + .g-c-field-input-decor .g-c-field-input-decor-middle label,
.g-c-field .g-c-field-input textarea:focus + .g-c-field-input-decor .g-c-field-input-decor-middle label,
.g-c-field .g-c-field-input select:focus + .g-c-field-input-decor .g-c-field-input-decor-middle label {
	opacity: 0.33;
}

.g-c-field.g-c-field-has-placeholder .g-c-field-input textarea:focus + .g-c-field-input-decor .g-c-field-input-decor-middle label {
	opacity: 0;
}

.g-c-field.g-c-field-has-value .g-c-field-input input + .g-c-field-input-decor .g-c-field-input-decor-middle label,
.g-c-field.g-c-field-has-value .g-c-field-input textarea + .g-c-field-input-decor .g-c-field-input-decor-middle label,
.g-c-field.g-c-field-has-value .g-c-field-input select + .g-c-field-input-decor .g-c-field-input-decor-middle label {
	opacity: 0;
}

.g-c-field.g-c-field-has-persistent-label.g-c-field-has-value .g-c-field-input .g-c-field-input-decor .g-c-field-input-decor-middle label,
.g-c-field.g-c-field-has-persistent-label .g-c-field-input input:focus + .g-c-field-input-decor .g-c-field-input-decor-middle label,
.g-c-field.g-c-field-has-persistent-label .g-c-field-input textarea:focus + .g-c-field-input-decor .g-c-field-input-decor-middle label,
.g-c-field.g-c-field-has-persistent-label .g-c-field-input select:focus + .g-c-field-input-decor .g-c-field-input-decor-middle label {
	opacity: 1;
	scale: 78.57142857%;
	transform: translateY(-200%);
}

.g-c-field.g-c-field-has-persistent-label.g-c-field-has-error .g-c-field-input input + .g-c-field-input-decor .g-c-field-input-decor-middle label,
.g-c-field.g-c-field-has-persistent-label.g-c-field-has-error .g-c-field-input textarea + .g-c-field-input-decor .g-c-field-input-decor-middle label,
.g-c-field.g-c-field-has-persistent-label.g-c-field-has-error .g-c-field-input select + .g-c-field-input-decor .g-c-field-input-decor-middle label {
	color: var(--color-state-error-primary);
}

.g-c-field.g-c-field-has-persistent-label .g-c-field-input input:focus + .g-c-field-input-decor .g-c-field-input-decor-middle label,
.g-c-field.g-c-field-has-persistent-label .g-c-field-input textarea:focus + .g-c-field-input-decor .g-c-field-input-decor-middle label,
.g-c-field.g-c-field-has-persistent-label .g-c-field-input select:focus + .g-c-field-input-decor .g-c-field-input-decor-middle label {
	color: var(--color-on-surface-1);
}

.g-c-field.g-c-field-has-persistent-label.g-c-field-fill.g-c-field-has-value .g-c-field-input .g-c-field-input-decor .g-c-field-input-decor-middle label,
.g-c-field.g-c-field-has-persistent-label.g-c-field-fill .g-c-field-input input:focus + .g-c-field-input-decor .g-c-field-input-decor-middle label,
.g-c-field.g-c-field-has-persistent-label.g-c-field-fill .g-c-field-input textarea:focus + .g-c-field-input-decor .g-c-field-input-decor-middle label,
.g-c-field.g-c-field-has-persistent-label.g-c-field-fill .g-c-field-input select:focus + .g-c-field-input-decor .g-c-field-input-decor-middle label {
	transform: translateY(-120%);
}

.g-c-field .g-c-field-input .g-c-field-input-decor .g-c-field-input-decor-right {
	flex-grow: 1;
}

.g-c-field.g-c-field-outline .g-c-field-input .g-c-field-input-decor .g-c-field-input-decor-right,
.g-c-field.g-c-field-fill .g-c-field-input .g-c-field-input-decor .g-c-field-input-decor-right {
	border-radius: 0 var(--corners-round-s) var(--corners-round-s) 0;
}

.g-c-field.g-c-field-outline.g-c-field-pill .g-c-field-input .g-c-field-input-decor .g-c-field-input-decor-right {
	border-radius: 0 100px 100px 0;
}

.g-c-field.g-c-field-fill.g-c-field-pill .g-c-field-input .g-c-field-input-decor .g-c-field-input-decor-right {
	border-radius: 0 100px 100px 0;
}

.g-c-field.g-c-field-outline .g-c-field-input .g-c-field-input-decor .g-c-field-input-decor-right {
	border-width: 1px 1px 1px 0;
}

.g-c-field.g-c-field-underline .g-c-field-input .g-c-field-input-decor .g-c-field-input-decor-right {
	border-width: 0 0 1px;
}

.g-c-field .g-c-field-input .g-c-field-input-actions {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	display: flex;
	align-items: center;
	gap: var(--spacing-xxs);
	transition: opacity var(--transition-speed-fast) ease;
}

.g-c-field.g-c-field-loading .g-c-field-input .g-c-field-input-actions {
	opacity: 0;
	pointer-events: none;
}

.g-c-field.g-c-field-fill .g-c-field-input .g-c-field-input-actions,
.g-c-field.g-c-field-outline .g-c-field-input .g-c-field-input-actions {
	right: var(--size-xxs);
}

.g-c-field.g-c-field-fill.g-c-field-pill .g-c-field-input .g-c-field-input-actions,
.g-c-field.g-c-field-outline.g-c-field-pill .g-c-field-input .g-c-field-input-actions {
	right: var(--spacing-s);
}

.g-c-field.g-c-field-fill .g-c-field-input .g-c-field-input-actions {
	padding-top: 0;
}

.g-c-field .g-c-field-input .g-c-field-input-actions .g-c-field-input-action .g-c-button.g-c-button-tertiary {
	color: var(--color-on-surface-2);
}

.g-c-field .g-c-field-input .g-c-loading-indicator {
	position: absolute;
	top: 50%;
	left: initial;
	right: var(--size-xxs);
	width: 0;
	opacity: 0;
	transform: translate(0, -50%);
	transition: opacity var(--transition-speed-fast) ease;
}

.g-c-field.g-c-field-loading .g-c-field-input .g-c-loading-indicator {
	opacity: 1;
	width: var(--size-m);
}

.g-c-field.g-c-field-checkbox .g-c-label,
.g-c-field.g-c-field-toggle .g-c-label,
.g-c-field.g-c-field-radio .g-c-label {
	flex-grow: 1;
	text-align: left;
}

.g-c-field.g-c-field-has-image.g-c-field-has-hidden-box .g-c-field-label .g-t-label {
	transition: var(--transition-speed-fast) ease;
	transition-property: color;
}

.g-c-field.g-c-field-has-image.g-c-field-has-hidden-box.g-c-field-is-checked .g-c-field-label .g-t-label {
	color: var(--color-on-surface-1);
}

.g-c-field.g-c-field-color .g-c-field-input .g-c-field-color-preview {
	width: 100%;
	padding: 100% 0 0;
	background: #000000;
	border-radius: 50%;
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
	pointer-events: none;
}

.g-c-field.g-c-field-color .g-c-field-input > input:focus + .g-c-field-color-preview {
	outline: -webkit-focus-ring-color auto 1px;
}

.g-c-field.g-c-field-tabs {
	--column-count: 6;
	--column-gap: var(--spacing-xxs);
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: var(--column-gap);
}

.g-c-field.g-c-field-tabs .g-c-field-tab {
	width: calc((100% - (var(--column-gap) * (var(--column-count) - 1))) / var(--column-count));
	position: relative;
}

.g-c-field.g-c-field-tabs .g-c-field-tab label {
	cursor: pointer;
}

.g-c-field.g-c-field-tabs .g-c-field-tab input {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	opacity: 0;
}

.g-c-field.g-c-field-tabs .g-c-field-tab .g-c-field-input-decor {
	border: 1px solid var(--color-on-surface-4);
	border-radius: 4px;
	transition: var(--transition-speed-fast) ease;
	transition-property: background-color, border-color;
}

.g-c-field.g-c-field-tabs .g-c-field-tab input:checked + .g-c-field-input-decor {
	background-color: var(--color-on-surface-7);
	border-color: var(--color-accent-primary);
}

.g-c-field.g-c-field-tabs .g-c-field-tab .g-c-field-input-decor .g-c-field-tab-label {
	padding: 14px var(--spacing-xs);
	font-family: var(--control-font-family);
	font-size: var(--control-font-size-m);
	font-weight: var(--control-font-weight);
	text-align: left;
	white-space: normal;
	transition: var(--transition-speed-fast) ease;
	transition-property: color;
}

.g-c-field.g-c-field-tabs .g-c-field-tab input:checked + .g-c-field-input-decor .g-c-field-tab-label {
	color: var(--color-accent-primary);
}

.g-c-field.g-c-segmented-field .g-c-segmented-fields {
	display: flex;
	flex-direction: row;
	gap: var(--spacing-xxxs);
}

.g-c-field.g-c-segmented-field .g-c-segmented-fields .g-c-field {
	display: block;
	min-width: auto;
}

.g-c-field.g-c-segmented-field .g-c-segmented-fields .g-c-field .g-c-field-input > input {
	min-height: var(--size-xl);
	height: auto;
	padding: 0 var(--spacing-xs);
	aspect-ratio: 1 / 1;
	font-size: var(--control-font-size-l);
	text-align: center;
}

.g-c-field .g-c-field-subtext {
	display: flex;
	flex-direction: row;
	gap: var(--spacing-xs);
}

.g-c-field .g-c-field-subtext:empty {
	display: none;
}

.g-c-field .g-c-field-subtext .g-c-field-error-message {
	color: var(--color-state-error-primary);
}

.g-c-field .g-c-field-subtext .g-c-field-char-count {
	margin-left: auto;
	color: var(--color-on-surface-3);
	white-space: nowrap;
}

.g-c-field.g-c-field-file .g-c-field-file-list {
	display: flex;
	gap: var(--spacing-xxxs);
	flex-direction: column;
}

.g-c-field.g-c-field-file .g-c-field-file-list:empty {
	display: none;
}

.g-c-field.g-c-field-file .g-c-field-file-list .g-c-field-file-list-item {
	position: relative;
	display: flex;
	gap: var(--spacing-xs);
	width: 100%;
	flex-direction: row;
	align-items: center;
}

.g-c-field.g-c-field-file .g-c-field-file-list .g-c-field-file-list-item .g-c-field-file-list-item-thumb {
	width: var(--size-xxl);
	height: var(--size-xxl);
	display: flex;
	justify-content: center;
	align-items: center;
	background: var(--color-on-surface-7);
	border-radius: var(--corners-round-s);
	aspect-ratio: 1 / 1;
}

.g-c-field.g-c-field-file .g-c-field-file-list .g-c-field-file-list-item .g-c-field-file-list-item-thumb .g-icon {
	color: var(--color-on-surface-3);
}

.g-c-field.g-c-field-file .g-c-field-file-list .g-c-field-file-list-item .g-c-field-file-list-item-thumb .g-c-image {
	min-width: var(--size-xxl);
	border-radius: var(--corners-round-s);
}

.g-c-field.g-c-field-file .g-c-field-file-list .g-c-field-file-list-item .g-c-field-file-list-item-content {
	min-width: 0;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	gap: var(--spacing-xxxxs);
}

.g-c-field.g-c-field-file .g-c-field-file-list .g-c-field-file-list-item .g-c-field-file-list-item-title {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.g-c-field.g-c-field-file .g-c-field-file-list .g-c-field-file-list-item .g-c-field-file-list-item-subtitle {
	color: var(--color-on-surface-3);
	font-weight: normal;
}


.g-c-textfield {
	--height: var(--size-xxl);
	--padding: var(--spacing-xs);
	--fill-color: var(--color-on-surface-7);
	--fill-backdrop: none;
	--outline-color: var(--color-on-surface-6);
	--font-size: var(--control-font-size-m);
	--label-font-size: var(--font-size);
	--input-font-size: var(--font-size);
}

.g-c-textfield.g-c-textfield-s {
	--height: var(--size-xl);
	--padding: var(--spacing-xxs);
	--font-size: var(--control-font-size-s);
}

.g-c-textfield.g-c-textfield-l {
	--height: var(--size-xxxl);
	--padding: var(--spacing-s);
	--font-size: var(--control-font-size-l);
}

.g-c-textfield.g-c-textfield-fill {
	--outline-color: transparent;
	background: var(--fill-color);
	-webkit-backdrop-filter: var(--fill-backdrop);
	backdrop-filter: var(--fill-backdrop);
	border: 1px solid var(--outline-color);
	border-radius: var(--corners-round-m);
	transition: var(--transition-speed-very-fast) ease;
	transition-property: background-color, border-color;
}

.g-c-textfield.g-c-textfield-outline {
	border: 1px solid var(--outline-color);
	border-radius: var(--corners-round-m);
	transition: border-color var(--transition-speed-very-fast) ease;
}

.g-c-textfield.g-c-textfield-underline {
	border-bottom: 1px solid var(--outline-color);
	transition: border-color var(--transition-speed-very-fast) ease;
}

.g-c-textfield.g-c-textfield-fill.g-c-textfield-pill,
.g-c-textfield.g-c-textfield-outline.g-c-textfield-pill {
	border-radius: 100px;
}

.g-c-textfield-content {
	display: flex;
	align-items: center;
}

.g-c-textfield.g-c-textfield-padded .g-c-textfield-content {
	height: var(--height);
}

.g-c-textfield.g-c-textfield-fill .g-c-textfield-content,
.g-c-textfield.g-c-textfield-outline .g-c-textfield-content {
	height: calc(var(--height) - 2px);
}

.g-c-textfield.g-c-textfield-underline .g-c-textfield-content {
	height: calc(var(--height) - 1px);
}

.g-c-textfield.g-c-textfield-padded .g-c-textfield-leading,
.g-c-textfield.g-c-textfield-fill .g-c-textfield-leading,
.g-c-textfield.g-c-textfield-outline .g-c-textfield-leading {
	padding-left: var(--padding);
}

.g-c-textfield-leading {
	display: flex;
	align-items: center;
}

.g-c-textfield-leading:empty {
	display: none;
}

* + .g-c-textfield-label,
.g-c-textfield.g-c-textfield-padded .g-c-textfield-label,
.g-c-textfield.g-c-textfield-fill .g-c-textfield-label,
.g-c-textfield.g-c-textfield-outline .g-c-textfield-label {
	margin-left: calc(var(--padding) * 0.333333);
}

.g-c-textfield-label .g-t-label {
	--font-size: var(--label-font-size);
}

.g-c-textfield-input {
	flex-grow: 1;
	padding-left: calc(var(--padding) * 0.5);
}

.g-c-textfield.g-c-textfield-padded .g-c-textfield-leading:empty + .g-c-textfield-input,
.g-c-textfield.g-c-textfield-fill .g-c-textfield-leading:empty + .g-c-textfield-input,
.g-c-textfield.g-c-textfield-outline .g-c-textfield-leading:empty + .g-c-textfield-input {
	padding-left: calc(var(--padding) * 1.25);
}

.g-c-textfield.g-c-textfield-padded.g-c-textfield-pill .g-c-textfield-leading:empty + .g-c-textfield-input,
.g-c-textfield.g-c-textfield-fill.g-c-textfield-pill .g-c-textfield-leading:empty + .g-c-textfield-input {
	padding-left: calc(var(--padding) * 1.5);
}

.g-c-textfield-input input {
	width: 100%;
	display: block;
	outline: none;
	font-family: var(--control-font-family);
	font-size: var(--input-font-size);
	line-height: var(--control-line-height);
}

.g-c-textfield-trailing {
	display: flex;
	align-items: center;
	gap: calc(var(--padding) * 0.333333);
	padding-left: calc(var(--padding) * 0.5);
}

.g-c-textfield.g-c-textfield-padded .g-c-textfield-trailing,
.g-c-textfield.g-c-textfield-fill .g-c-textfield-trailing,
.g-c-textfield.g-c-textfield-outline .g-c-textfield-trailing {
	padding-right: calc(var(--padding) * 1.25);
}

.g-c-textfield.g-c-textfield-fill.g-c-textfield-pill .g-c-textfield-trailing,
.g-c-textfield.g-c-textfield-outline.g-c-textfield-pill .g-c-textfield-trailing {
	padding-right: calc(var(--padding) * 1.5);
}

.g-c-textfield.g-c-textfield-padded.g-c-textfield-has-trailing-icon .g-c-textfield-trailing,
.g-c-textfield.g-c-textfield-padded.g-c-textfield-has-trailing-buttons .g-c-textfield-trailing,
.g-c-textfield.g-c-textfield-fill.g-c-textfield-has-trailing-icon .g-c-textfield-trailing,
.g-c-textfield.g-c-textfield-fill.g-c-textfield-has-trailing-buttons .g-c-textfield-trailing,
.g-c-textfield.g-c-textfield-fill.g-c-textfield-pill.g-c-textfield-has-trailing-icon .g-c-textfield-trailing,
.g-c-textfield.g-c-textfield-fill.g-c-textfield-pill.g-c-textfield-has-trailing-buttons .g-c-textfield-trailing,
.g-c-textfield.g-c-textfield-outline.g-c-textfield-has-trailing-icon .g-c-textfield-trailing,
.g-c-textfield.g-c-textfield-outline.g-c-textfield-has-trailing-buttons .g-c-textfield-trailing,
.g-c-textfield.g-c-textfield-outline.g-c-textfield-pill.g-c-textfield-has-trailing-icon .g-c-textfield-trailing,
.g-c-textfield.g-c-textfield-outline.g-c-textfield-pill.g-c-textfield-has-trailing-buttons .g-c-textfield-trailing {
	padding-right: var(--padding);
}

.g-c-textfield-trailing:empty {
	display: none;
}

.g-c-textfield.g-c-textfield-disabled .g-c-button-copy,
.g-c-textfield.g-c-textfield-loading .g-c-button-copy,
.g-c-textfield.g-c-textfield-disabled .g-c-button-paste,
.g-c-textfield.g-c-textfield-loading .g-c-button-paste {
	display: none;
}

.g-c-textfield .g-c-textfield-content > .g-c-loading-indicator {
	opacity: 0;
	width: 0;
	transition-property: opacity, margin-left, margin-right, width;
}

.g-c-textfield.g-c-textfield-loading .g-c-textfield-content > .g-c-loading-indicator {
	opacity: 1;
	width: var(--size-m);
	margin-left: calc(var(--padding) * 0.5);
}

.g-c-textfield.g-c-textfield-padded.g-c-textfield-loading .g-c-textfield-content > .g-c-loading-indicator,
.g-c-textfield.g-c-textfield-fill.g-c-textfield-loading .g-c-textfield-content > .g-c-loading-indicator,
.g-c-textfield.g-c-textfield-outline.g-c-textfield-loading .g-c-textfield-content > .g-c-loading-indicator {
	margin-right: var(--padding);
}

.g-c-textfield.g-c-textfield-fill.g-c-textfield-pill.g-c-textfield-loading .g-c-textfield-content > .g-c-loading-indicator,
.g-c-textfield.g-c-textfield-outline.g-c-textfield-pill.g-c-textfield-loading .g-c-textfield-content > .g-c-loading-indicator {
	margin-right: calc(var(--padding) * 1.25);
}


.g-c-tab-bar {
	min-width: 300px;
	display: flex;
}

.g-c-tab-bar.g-c-tab-bar-has-background {
	padding: var(--spacing-xxxxs);
	border-radius: 100px;
}

.g-c-tab-bar.g-p-glass {
	background: linear-gradient(var(--color-transparent-surface), var(--color-transparent-surface)), linear-gradient(180deg, rgb(255 255 255 / 8%), rgb(255 255 255 / 16%) 25%, rgb(255 255 255 / 8%) 50%);
}

.g-c-tab-bar .g-c-tab-bar-content {
	display: flex;
	flex-direction: row;
}

.g-c-tab-bar .g-c-tab-bar-item {
	position: relative;
	min-height: var(--size-xl);
	padding: 0 var(--spacing-s);
	display: flex;
	align-items: center;
	flex-grow: 0;
	justify-content: center;
	color: var(--color-on-surface-3);
	text-decoration: none;
	cursor: pointer;
	transition: var(--transition-speed-fast) ease;
	transition-property: background-color, color;
	white-space: nowrap;
}

.g-c-tab-bar.g-c-tab-bar-has-background .g-c-tab-bar-item {
	border-radius: 100px;
}

.g-c-tab-bar .g-c-tab-bar-item.g-c-tab-bar-item-has-label {
    padding: 0 var(--spacing-m);
}

.g-c-tab-bar.g-c-tab-bar-compact .g-c-tab-bar-item {
	padding: var(--spacing-xxxs);
}

.g-c-tab-bar.g-c-tab-bar-loose .g-c-tab-bar-item {
	padding: var(--spacing-xs) var(--spacing-s);
}

.g-c-tab-bar.g-c-tab-bar-small .g-c-tab-bar-item {
	min-height: var(--size-m);
	padding: var(--spacing-xxs);
}

.g-c-tab-bar.g-c-tab-bar-small.g-c-tab-bar-compact .g-c-tab-bar-item {
	padding: var(--spacing-xxxs);
}

.g-c-tab-bar.g-c-tab-bar-small.g-c-tab-bar-loose .g-c-tab-bar-item {
	padding: var(--spacing-xxs) var(--spacing-xs);
}

.g-c-tab-bar.g-c-tab-bar-large .g-c-tab-bar-item {
	min-height: var(--size-xl);
	padding: var(--spacing-s);
}

.g-c-tab-bar.g-c-tab-bar-large.g-c-tab-bar-compact .g-c-tab-bar-item {
	padding: var(--spacing-xs);
}

.g-c-tab-bar.g-c-tab-bar-large.g-c-tab-bar-loose .g-c-tab-bar-item {
	padding: var(--spacing-s) var(--spacing-m);
}

.g-c-tab-bar .g-c-tab-bar-item.g-c-tab-bar-item-fill {
	flex-basis: 0;
	flex-grow: 1;
}

.g-c-tab-bar .g-c-tab-bar-item.g-c-tab-bar-item-active {
	color: var(--color-on-surface-1);
}

.g-c-tab-bar.g-c-tab-bar-has-background .g-c-tab-bar-item.g-c-tab-bar-item-active {
	background: var(--color-accent-secondary);
	color: var(--color-on-accent-secondary);
}

.g-c-tab-bar .g-c-tab-bar-item .g-c-tab-bar-item-content {
	display: flex;
	align-items: center;
	flex-direction: column;
	gap: var(--spacing-xxxs);
}

.g-c-tab-bar .g-c-tab-bar-item.g-c-tab-bar-item-inline-label .g-c-tab-bar-item-content {
	flex-direction: row;
	gap: var(--spacing-xxs);
}

.g-c-tab-bar .g-c-tab-bar-item .g-c-tab-bar-item-label {
	font-family: var(--control-font-family);
	font-size: var(--control-font-size-m);
	font-weight: var(--control-font-weight);
	line-height: var(--control-line-height);
}

.g-c-tab-bar.g-c-tab-bar-small .g-c-tab-bar-item .g-c-tab-bar-item-label {
	font-size: var(--control-font-size-s);
}

.g-c-tab-bar.g-c-tab-bar-large .g-c-tab-bar-item .g-c-tab-bar-item-label {
	font-size: var(--control-font-size-l);
}


.g-c-menu {
	--width: 256px;
	display: none;
	overflow: auto;
	opacity: 0;
	transform-origin: center;
	transition: 50ms ease;
	transition-property: opacity;
	z-index: 2;
}

.g-c-menu .g-c-menu-content {
	min-width: var(--width, 200px);
	padding: var(--spacing-xxs) 0;
	padding-bottom: calc(var(--spacing-xxs) + var(--spacing-xxxs));
	overflow: hidden;
	overflow-y: scroll;
	scrollbar-width: none;
}

.g-c-menu .g-c-menu-content::-webkit-scrollbar {
	display: none;
}

.g-c-menu-item {
	width: 100%;
	display: block;
	-webkit-appearance: none;
	appearance: none;
	background: none;
	border: 0;
	border-radius: 0;
	margin: 0;
	margin-bottom: calc(0px - var(--spacing-xxxs));
	padding: 0;
	color: inherit;
	font: inherit;
	letter-spacing: inherit;
	text-decoration: none;
	text-transform: inherit;
	cursor: pointer;
	white-space: nowrap;
	outline: none;
}

.g-c-menu-item.g-c-menu-item-hidden {
	display: none;
}

.g-c-menu-item.g-c-menu-item-divider {
	width: auto;
	margin: var(--spacing-xxs) var(--spacing-s);
	padding: 0;
	cursor: default;
}

.g-c-menu-item:not(.g-c-menu-item-divider):hover,
.g-c-menu-item:not(.g-c-menu-item-divider):focus,
.g-c-menu-item.g-c-menu-open {
	background-color: var(--color-on-surface-8);
}

.g-c-modal.g-c-modal-menu .g-c-menu-item-inner {
	height: var(--size-xxl);
	padding: 0 var(--spacing-l);
}

.g-c-menu-item-inner {
	width: 100%;
	padding: 0 var(--spacing-s);
	display: flex;
	align-items: center;
	gap: var(--spacing-l);
	justify-content: space-between;
}

.g-c-menu.g-c-menu-s .g-c-menu-item-inner {
	height: var(--size-l);
}

.g-c-menu.g-c-menu-l .g-c-menu-item-inner,
.g-c-modal-menu .g-c-menu-item-inner {
	height: var(--size-xl);
}

.g-c-menu-item.g-c-menu-item-has-menu .g-c-menu-item-inner {
	padding-right: var(--spacing-xs);
}

.g-c-menu-item-content {
	display: flex;
	flex-grow: 1;
	align-items: center;
	gap: var(--spacing-xs);
}

.g-c-menu-image {
    width: 24px;
    height: 24px;
    margin: 0 calc(0px - var(--spacing-xxxs));
    background: var(--color-on-surface-2);
    padding: 2px;
    border-radius: 4px;
}

.g-c-menu-image img {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 2px;
}

.g-c-menu-text {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
}

.g-c-menu-label {
	color: var(--color-on-surface-2);
	font-size: var(--control-font-size-m);
	font-weight: var(--control-font-weight);
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.g-c-menu-item.g-c-menu-item-detrimental .g-c-menu-label {
	color: var(--color-state-error-primary);
}

.g-c-modal.g-c-modal-menu .g-c-menu-label {
	font-size: var(--control-font-size-l);
	font-weight: 500;
}

.g-c-menu-selected-icon {
	visibility: hidden;
}

.g-c-menu-item.g-c-menu-item-selected .g-c-menu-selected-icon {
	visibility: visible;
}

.g-c-menu-item.g-c-menu-item-detrimental .g-c-menu-icon .g-icon {
	color: var(--color-state-error-primary);
}

.g-c-menu-description {
	color: var(--color-on-surface-4);
	font-size: var(--control-font-size-m);
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	margin-top: calc(0px - var(--spacing-xxxs));
}


.g-c-color-selector {
	width: 382px;
	z-index: 2;
}

.g-c-color-selector .g-c-color-selector-container {
	padding: var(--spacing-xs);
}

.g-c-color-selector .g-c-color-selector-content {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.g-c-color-selector .g-c-color-selector-option-hsv {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.g-c-color-selector .g-c-color-selector-option-hsv-graph {
	position: relative;
	height: 358px;
	cursor: pointer;
}

.g-c-color-selector .g-c-color-selector-option-hsv-graph-background {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: red;
	border-radius: var(--corners-round-s);
}

.g-c-color-selector .g-c-color-selector-option-hsv-graph-background::before,
.g-c-color-selector .g-c-color-selector-option-hsv-graph-background::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
}

.g-c-color-selector .g-c-color-selector-option-hsv-graph-background::before {
	background: linear-gradient(90deg, white, transparent);
}

.g-c-color-selector .g-c-color-selector-option-hsv-graph-background::after {
	background: linear-gradient(180deg, transparent, black);
}

.g-c-color-selector .g-c-color-selector-option-hsv-graph-crosshair {
	position: absolute;
	top: 0;
	left: 0;
	width: var(--size-xxs);
	height: var(--size-xxs);
	background: #fff;
	border-radius: calc(var(--size-xxs) / 2);
	box-shadow: var(--elevation-1), var(--elevation-2);
	cursor: grab;
	translate: -50% -50%;
}

.g-c-color-selector .g-c-color-selector-option-hsv-graph-crosshair:active {
	cursor: grabbing;
}

.g-c-color-selector .g-c-color-selector-option-hsv-range {
	position: relative;
	margin: 0 -8px;
}

.g-c-color-selector .g-c-color-selector-option-hsv-range-track {
	position: absolute;
	top: 2px;
	right: 8px;
	bottom: 2px;
	left: 8px;
	background: linear-gradient(90deg, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
	border-radius: var(--corners-round-s);
}

.g-c-color-selector .g-c-color-selector-option-hsv-range input[type="range"] {
	position: relative;
	width: 100%;
	margin: 0;
	display: block;
	-webkit-appearance: none;
	appearance: none;
	background: transparent;
}

.g-c-color-selector .g-c-color-selector-option-hsv-range input[type="range"]:focus {
	outline: none;
}

.g-c-color-selector .g-c-color-selector-option-hsv-range input[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none;
	width: var(--size-xxs);
	height: var(--size-xxs);
	background: #fff;
	border-radius: calc(var(--size-xxs) / 2);
	box-shadow: var(--elevation-1), var(--elevation-2);
	cursor: grab;
}

.g-c-color-selector .g-c-color-selector-option-hsv-range input[type="range"]::-moz-range-thumb {
	width: var(--size-xxs);
	height: var(--size-xxs);
	background: #fff;
	border-radius: calc(var(--size-xxs) / 2);
	box-shadow: var(--elevation-1), var(--elevation-2);
	cursor: grab;
}

.g-c-color-selector .g-c-color-selector-option-hsv-range input[type="range"]::-webkit-slider-thumb:active {
	cursor: grabbing;
}

.g-c-color-selector .g-c-color-selector-option-hsv-range input[type="range"]::-moz-range-thumb:active {
	cursor: grabbing;
}

.g-c-color-selector .g-c-color-selector-more-options-container {
	display: flex;
	align-items: flex-end;
	gap: var(--spacing-xs);
}

.g-c-color-selector .g-c-color-selector-more-option {
	flex-grow: 0;
}

.g-c-color-selector .g-c-color-selector-more-option label {
	display: block;
	margin: 0 0 var(--spacing-xxxs);
}

.g-c-color-selector .g-c-color-selector-more-option input[type="text"],
.g-c-color-selector .g-c-color-selector-more-option input[type="number"] {
	width: 100%;
	height: var(--size-l);
	display: block;
	margin: 0;
	padding: 0 var(--spacing-xs);
	background: none;
	border: 1px solid var(--color-on-surface-4);
	border-radius: var(--corners-round-s);
	color: var(--color-on-surface-1);
	font: inherit;
	font-family: var(--monospace-font-family);
	font-size: var(--monospace-font-size);
	font-weight: var(--monospace-font-weight);
	line-height: var(--size-m);
}

.g-c-color-selector .g-c-color-selector-more-option input[type="number"]::-webkit-outer-spin-button,
.g-c-color-selector .g-c-color-selector-more-option input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.g-c-color-selector .g-c-color-selector-option-hex input[type="text"] {
	width: 6.7em;
}

.g-c-color-selector .g-c-color-selector-option-rgb input[type="number"] {
	width: 4.2em;
}


.g-c-chip {
	position: relative;
	display: inline-block;
	border: 1px solid var(--color-on-surface-4);
	border-radius: var(--corners-round-l);
	transition: var(--transition-speed-fast) ease;
	transition-property: border-color, color;
}

.g-c-chip:only-child {
	display: block;
}

.g-c-chip.g-c-chip-disabled {
	border-color: var(--color-on-surface-7);
}

.g-c-chip.g-c-chip-selected {
	border-color: var(--color-accent-primary);
}

.g-c-chip .g-c-chip-content {
	height: var(--size-m);
	display: flex;
	align-items: center;
	flex-direction: row;
	gap: var(--spacing-xxxs);
	padding: 0 var(--spacing-xs);
}

.g-c-chip.g-c-chip-has-label .g-c-chip-content {
	padding: 0 var(--spacing-xs);
}

.g-c-chip .g-c-chip-icon {
	color: var(--color-on-surface-3);
}

.g-c-chip.g-c-chip-disabled .g-c-chip-icon {
	color: var(--color-on-surface-4);
}

.g-c-chip.g-c-chip-selected .g-c-chip-icon {
	color: var(--color-on-surface-2);
}

.g-c-chip .g-c-chip-label {
	color: var(--color-on-surface-3);
	font-family: var(--control-font-family);
	font-size: var(--control-font-size-m);
	font-weight: var(--control-font-weight);
	white-space: nowrap;
}

.g-c-chip.g-c-chip-disabled .g-c-chip-label {
	color: var(--color-on-surface-4);
}

.g-c-chip.g-c-chip-selected .g-c-chip-label {
	color: var(--color-accent-primary);
}

.g-c-chip > input {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
}


.g-l-chipset {
	overflow: scroll;
}

.g-l-chipset.g-l-chipset-multiline {
	overflow: auto;
}

.g-l-chipset .g-l-chipset-content {
	display: flex;
	gap: var(--spacing-xxxs);
}

.g-l-chipset.g-l-chipset-multiline .g-l-chipset-content {
	flex-wrap: wrap;
}

.g-l-chipset .g-l-chipset-content .g-c-chip {
	display: block;
}


.g-c-carousel {
	--item-width: 256px;
	position: relative;
	overflow: hidden;
}

.g-c-carousel.g-c-carousel-dragging {
	cursor: grabbing;
}

.g-c-carousel-content {
	display: flex;
	flex-direction: row;
	width: max-content;
	transition: translate var(--transition-speed-standard) ease;
	touch-action: pan-y;
	user-select: none;
}

.g-c-carousel.g-c-carousel-dragging .g-c-carousel-content {
	transition: none;
}

.g-c-carousel-content img {
	pointer-events: none;
}

.g-c-carousel-item {
	width: var(--item-width);
}

.g-c-carousel-control {
	position: absolute;
	top: 50%;
	translate: 0 -50%;
	opacity: 0;
	transition: var(--transition-speed-fast) ease;
	transition-property: opacity, translate;
}

.g-c-carousel.g-c-carousel-1 .g-c-carousel-control {
	display: none;
}

.g-c-carousel:not(.g-c-carousel-dragging):hover .g-c-carousel-control {
	opacity: 1;
}

.g-c-carousel-control.g-c-button {
	--fill-color: var(--color-inverted-transparent-surface);
	--fill-backdrop: var(--glass-effects);
}

.g-c-carousel-control.g-c-carousel-control-prev-button {
	left: var(--spacing-s);
	translate: calc(0px - var(--spacing-xs)) -50%;
}

.g-c-carousel.g-c-carousel-start .g-c-carousel-control.g-c-carousel-control-prev-button {
	display: none;
}

.g-c-carousel:not(.g-c-carousel-dragging):hover .g-c-carousel-control.g-c-carousel-control-prev-button {
	translate: 0 -50%;
}

.g-c-carousel-control.g-c-carousel-control-next-button {
	right: var(--spacing-s);
	translate: var(--spacing-xs) -50%;
}

.g-c-carousel.g-c-carousel-end .g-c-carousel-control.g-c-carousel-control-next-button {
	display: none;
}

.g-c-carousel:not(.g-c-carousel-dragging):hover .g-c-carousel-control.g-c-carousel-control-next-button {
	translate: 0 -50%;
}


.g-c-dropdown {
	--fill-color: var(--color-on-surface-7);
	--fill-backdrop: none;
	display: inline-block;
	user-select: none;
}

.g-c-dropdown:only-child {
	display: block;
}

.g-c-dropdown.g-c-dropdown-fill {
	background: var(--fill-color);
	-webkit-backdrop-filter: var(--fill-backdrop);
	backdrop-filter: var(--fill-backdrop);
	border-radius: var(--corners-round-s);
	transition: background-color var(--transition-speed-very-fast) ease;
}

.g-c-dropdown.g-c-dropdown-outline {
	border: 1px solid var(--color-on-surface-4);
	border-radius: var(--corners-round-s);
	transition: border-color var(--transition-speed-very-fast) ease;
}

.g-c-dropdown.g-c-dropdown-glass {
    --fill-backdrop: var(--glass-effects);
	background: linear-gradient(var(--color-transparent-surface), var(--color-transparent-surface)), linear-gradient(180deg, rgb(255 255 255 / 8%), rgb(255 255 255 / 16%) 25%, rgb(255 255 255 / 8%) 50%);
}

.g-c-dropdown.g-c-dropdown-pill {
	border-radius: 100px;
}

.g-c-dropdown-content {
	display: flex;
	align-items: center;
	gap: var(--spacing-xxxs);
}

.g-c-dropdown.g-c-dropdown-fill .g-c-dropdown-content,
.g-c-dropdown.g-c-dropdown-outline .g-c-dropdown-content {
	height: var(--size-xl);
	padding: 0 var(--spacing-s);
	padding-right: var(--spacing-xs);
}

.g-c-dropdown.g-c-dropdown-fill.g-c-dropdown-pill .g-c-dropdown-content,
.g-c-dropdown.g-c-dropdown-outline.g-c-dropdown-pill .g-c-dropdown-content {
	padding: 0 calc(var(--spacing-m) * 0.8333333333);
	padding-right: calc(var(--spacing-s) * 0.8333333333);
}

.g-c-dropdown-placeholder {
	flex-grow: 1;
}

.g-c-dropdown.g-c-dropdown-has-value .g-c-dropdown-placeholder {
	display: none;
}

.g-c-dropdown-label {
	display: none;
	flex-grow: 1;
}

.g-c-dropdown.g-c-dropdown-has-value .g-c-dropdown-label {
	display: block;
}


.g-c-card {
	position: relative;
	display: flex;
	flex-direction: column;
}

.g-c-card.g-c-card-s {
	border-radius: var(--corners-round-s);
	gap: var(--spacing-m);
}

.g-c-card.g-c-card-m {
	border-radius: var(--corners-round-m);
	gap: var(--spacing-m);
}

.g-c-card.g-c-card-l {
	border-radius: var(--corners-round-l);
	gap: var(--spacing-l);
}

.g-c-card.g-c-card-contained.g-c-card-has-image {
	min-height: 240px;
	align-items: center;
	flex-direction: row;
}

.g-c-card > .g-c-card-media {
	border-radius: var(--corners-round-s);
}

.g-c-card.g-c-card-contained > .g-c-card-media {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.g-c-card .g-c-card-content {
	position: relative;
}

.g-c-card.g-c-card-contained.g-c-card-s .g-c-card-content {
	padding: var(--spacing-l);
}

.g-c-card.g-c-card-contained.g-c-card-s.g-c-card-has-image .g-c-card-content {
	padding: var(--spacing-xl);
}

.g-c-card.g-c-card-contained.g-c-card-m .g-c-card-content {
	padding: var(--spacing-xl);
}

.g-c-card.g-c-card-contained.g-c-card-m.g-c-card-has-image .g-c-card-content {
	padding: var(--spacing-xxl);
}

.g-c-card.g-c-card-contained.g-c-card-l .g-c-card-content {
	padding: var(--spacing-xxl);
}

.g-c-card.g-c-card-contained.g-c-card-l.g-c-card-has-image .g-c-card-content {
	padding: var(--spacing-xxl);
}

.g-c-card.g-c-card-contained .g-c-card-content .g-c-card-media {
	margin: var(--spacing-m) 0;
	margin-left: calc(0px - var(--spacing-l));
	margin-right: calc(0px - var(--spacing-l));
}

.g-c-card.g-c-card-contained .g-c-card-content .g-c-card-media:first-child {
	margin-top: calc(0px - var(--spacing-l));
}

.g-c-card.g-c-card-contained .g-c-card-content .g-c-card-media:last-child {
	margin-bottom: calc(0px - var(--spacing-l));
}

.g-c-card.g-c-card-s .g-c-card-content .g-c-card-media {
	border-radius: var(--corners-round-s);
}

.g-c-card.g-c-card-contained.g-c-card-s .g-c-card-content .g-c-card-media:first-child {
	border-radius: var(--corners-round-s) var(--corners-round-s) 0 0;
}

.g-c-card.g-c-card-contained.g-c-card-s .g-c-card-content .g-c-card-media:last-child {
	border-radius: 0 0 var(--corners-round-s) var(--corners-round-s);
}

.g-c-card.g-c-card-m .g-c-card-content .g-c-card-media {
	border-radius: var(--corners-round-s);
}

.g-c-card.g-c-card-contained.g-c-card-m .g-c-card-content .g-c-card-media:first-child {
	border-radius: var(--corners-round-s) var(--corners-round-s) 0 0;
}

.g-c-card.g-c-card-contained.g-c-card-m .g-c-card-content .g-c-card-media:last-child {
	border-radius: 0 0 var(--corners-round-s) var(--corners-round-s);
}

.g-c-card.g-c-card-l .g-c-card-content .g-c-card-media {
	border-radius: var(--corners-round-l);
}

.g-c-card.g-c-card-contained.g-c-card-l .g-c-card-content .g-c-card-media:first-child {
	border-radius: var(--corners-round-l) var(--corners-round-l) 0 0;
}

.g-c-card.g-c-card-contained.g-c-card-l .g-c-card-content .g-c-card-media:last-child {
	border-radius: 0 0 var(--corners-round-l) var(--corners-round-l);
}

.g-c-card .g-c-card-content .g-c-card-icon {
	margin-bottom: var(--spacing-xs);
}

.g-c-card .g-c-card-overlaid-action {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
}


.g-c-codeblock {
	position: relative;
	max-height: 400px;
	overflow: hidden;
	overflow-y: auto;
	background: var(--color-inverted-surface);
	border-radius: var(--corners-round-s);
}

.g-c-codeblock .g-c-codeblock-content {
	padding: var(--spacing-l);
	color: var(--color-inverted-on-surface-2);
	font-family: var(--monospace-font-family);
	font-size: var(--monospace-font-size);
	font-weight: var(--monospace-font-weight);
	line-height: var(--monospace-line-height);
	white-space: pre-wrap;
}

.g-c-codeblock .g-c-codeblock-red {
	color: rgb(255 123 107);
}

.g-c-codeblock .g-c-codeblock-green {
	color: rgb(80 184 130);
}

.g-c-codeblock .g-c-codeblock-blue {
	color: rgb(30 171 255);
}


.g-c-table {
	width: 100%;
}

.g-c-table th,
.g-c-table td {
	padding: var(--spacing-xs);
	font-size: var(--control-font-size-s);
	text-align: left;
}

.g-c-table th {
	color: var(--color-on-surface-2);
	font-weight: var(--control-font-weight);
	white-space: nowrap;
}

.g-c-table tr th,
.g-c-table tr td {
	border-bottom: 1px solid var(--color-on-surface-7);
}

.g-c-table tbody tr td {
	transition: var(--transition-speed-very-fast) ease background-color;
}

.g-c-table tbody tr:hover td,
.g-c-table tbody tr.g-c-table-row-selected td {
	background-color: var(--color-on-surface-7);
}

.g-c-table tbody tr:last-child td {
	border-bottom: 0;
}

.g-c-table tfoot tr td {
	border-top: 1px solid var(--color-on-surface-4);
}

.g-c-table td.g-c-table-cell-number {
	width: 1%;
	font-feature-settings: 'tnum';
	text-align: right;
}

.g-c-table td.g-c-table-cell-narrow {
	width: 1%;
}

.g-c-table td.g-c-table-cell-primary {
	font-weight: var(--control-font-weight);
}

.g-c-table td.g-c-table-cell-single-line {
	white-space: nowrap;
}

.g-c-table td strong {
	font-weight: var(--control-font-weight);
}


.g-c-layer {
	background: var(--color-surface);
	color: var(--color-on-surface-2);
}

.g-c-layer.g-c-layer-flat {
	border-radius: var(--corners-round-m);
	box-shadow: var(--elevation-1);
}

.g-c-layer.g-c-layer-inline {
	border-radius: var(--corners-round-l);
	box-shadow: var(--elevation-3);
}

.g-c-layer.g-c-layer-floating {
	border-radius: var(--corners-round-xl);
	box-shadow: var(--elevation-5);
}

.g-c-layer.g-c-layer-modal {
	border-radius: var(--corners-round-xxl);
	box-shadow: var(--elevation-7);
}

.g-c-layer.g-p-inverted {
	outline: 1px solid rgb(255 255 255 / 8%);
}


.g-c-modal {
	--offset: var(--spacing-xxs);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 2;
}

.g-c-modal.g-c-modal-valign-top {
	align-items: baseline;
}

.g-c-modal.g-c-modal-valign-bottom {
	align-items: end;
}

.g-c-modal.g-c-modal-drawer,
.g-c-modal.g-c-modal-drawer.g-c-modal-drawer-left {
	justify-content: flex-start;
}

.g-c-modal.g-c-modal-drawer.g-c-modal-drawer-right {
	justify-content: flex-end;
}

.g-c-modal.g-c-modal-sheet {
	align-items: flex-end;
}

.g-c-modal.g-c-modal-offset {
	padding: var(--offset);
}

body.g-b-mobile .g-c-modal.g-c-modal-sheet.g-c-modal-offset {
	padding-bottom: calc(var(--offset) + 16px);
}

.g-c-modal-container {
	--max-width: 800px;
	--min-height: 400px;
	position: relative;
	width: 100%;
	max-width: var(--max-width);
	min-height: var(--min-height);
	max-height: 90%;
	max-height: calc(100% - var(--spacing-s));
	overflow: hidden;
	display: flex;
	flex-direction: column;
}

.g-c-modal.g-c-modal-sheet-hug .g-c-modal-container {
	min-height: auto;
}

.g-c-modal.g-c-modal-xxs .g-c-modal-container {
	--max-width: 320px;
	--min-height: 200px;
}

.g-c-modal.g-c-modal-xs .g-c-modal-container {
	--max-width: 480px;
	--min-height: 200px;
}

.g-c-modal.g-c-modal-s .g-c-modal-container {
	--max-width: 640px;
	--min-height: 400px;
}

.g-c-modal.g-c-modal-m .g-c-modal-container {
	--max-width: 800px;
	--min-height: 400px;
}

.g-c-modal.g-c-modal-l .g-c-modal-container {
	--max-width: 960px;
	--min-height: 600px;
}

.g-c-modal.g-c-modal-xl .g-c-modal-container {
	--max-width: 1280px;
	--min-height: 600px;
}

.g-c-modal.g-c-modal-xxl .g-c-modal-container {
	--max-width: 1600px;
	--min-height: 800px;
}

.g-c-modal.g-c-modal-fluid .g-c-modal-container {
	height: calc(100% - var(--spacing-xl));
	max-width: calc(100% - var(--spacing-xl));
	min-height: auto;
}

.g-c-modal.g-c-modal-drawer .g-c-modal-container {
	height: 100%;
	max-height: none;
	min-height: auto;
}

.g-c-modal.g-c-modal-no-offset.g-c-modal-drawer .g-c-modal-container {
	border-radius: 0;
}

.g-c-modal.g-c-modal-drawer.g-c-modal-xxs .g-c-modal-container,
.g-c-modal.g-c-modal-drawer.g-c-modal-xs .g-c-modal-container {
	max-width: 200px;
}

.g-c-modal.g-c-modal-drawer.g-c-modal-s .g-c-modal-container {
	max-width: 300px;
}

.g-c-modal.g-c-modal-drawer.g-c-modal-m .g-c-modal-container {
	max-width: 400px;
}

.g-c-modal.g-c-modal-drawer.g-c-modal-l .g-c-modal-container {
	max-width: 500px;
}

.g-c-modal.g-c-modal-drawer.g-c-modal-xl .g-c-modal-container {
	max-width: 600px;
}

.g-c-modal.g-c-modal-drawer.g-c-modal-fluid .g-c-modal-container {
	max-width: calc(100% - var(--spacing-xl));
}

.g-c-modal.g-c-modal-sheet .g-c-modal-container {
	max-height: calc(100% - var(--spacing-xl));
	border-bottom: 0;
}

.g-c-modal.g-c-modal-no-offset .g-c-modal-container {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.g-c-modal.g-c-modal-sheet.g-c-modal-sheet-fullscreen .g-c-modal-container {
	height: calc(100% - var(--spacing-xl));
	min-height: auto;
}

.g-c-modal.g-c-modal-sheet.g-c-modal-fluid .g-c-modal-container {
	max-width: none;
}

.g-c-modal-container > .g-c-loading-indicator {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 0;
	opacity: 0;
	transform: translate(-50%, -50%);
}

.g-c-modal.g-c-modal-loading .g-c-modal-container > .g-c-loading-indicator {
	opacity: 1;
	width: var(--size-m);
}

.g-c-modal-header {
	position: relative;
	min-height: 72px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-shadow: 0 4px 4px rgb(0 0 0 / 0%), 0 1px 0 rgb(0 0 0 / 0%);
	transition: box-shadow var(--transition-speed-very-fast) ease;
	z-index: 99;
}

.g-c-modal.g-c-modal-floating-header .g-c-modal-header {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}

.g-c-modal.g-c-modal-static-header .g-c-modal-container.g-c-modal-container-scrolled .g-c-modal-header {
	box-shadow: 0 4px 4px rgb(0 0 0 / 8%), 0 1px 0 rgb(0 0 0 / 8%);
}

.g-c-modal-header-left {
	display: flex;
	gap: var(--spacing-xs);

}

.g-c-modal-back-action {
	display: none;
}

.g-c-modal-title {
	position: absolute;
	top: 50%;
	left: 50%;
	translate: -50% -50%;
	font-size: var(--control-font-size-m);
	font-weight: var(--control-font-weight);
	user-select: none;
}

.g-c-modal-header-right {
	display: flex;
	gap: var(--spacing-xs);
}

.g-c-modal-content {
	min-height: 0;
	flex-grow: 1;
	overflow: auto;
}

.g-c-modal-views {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: row;
	align-items: stretch;
}

.g-c-modal-views-container {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: row;
	align-items: stretch;
	overflow: hidden;
}

.g-c-modal-views-content {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: row;
	transition: var(--transition-speed-standard) ease;
	transition-property: translate;
}

.g-c-modal-view {
	height: 100%;
	max-height: 600px;
	overflow: hidden;
	overflow-y: scroll;
	flex: 0 0 100%;
	transition: var(--transition-speed-standard) ease;
	transition-property: max-height;
}

.g-c-modal-views > .g-c-modal-view-1 {
	flex: 0 0 390px;
	border-right: 1px solid var(--color-on-surface-8)
}

.g-c-modal-content-container {
	position: relative;
	min-height: 100%;
	transition: opacity var(--transition-speed-very-fast) ease;
}

body.g-b-mobile .g-c-modal.g-c-modal-no-offset .g-c-modal-content-container {
	padding-bottom: calc(var(--padding, 0px) + 24px);
}

.g-c-modal.g-c-modal-menu .g-c-modal-content-container {
	padding-left: 0;
	padding-right: 0;
}

.g-c-modal.g-c-modal-static-header .g-c-modal-header + .g-c-modal-content .g-c-modal-content-container {
	padding-top: 0;
}

.g-c-modal.g-c-modal-has-iframe .g-c-modal-content-container {
	padding: 0;
}

.g-c-modal-view.g-c-modal-view-loading .g-c-modal-content-container {
	opacity: 0;
}

.g-c-modal.g-c-modal-has-iframe .g-c-modal-content-container iframe {
	width: 100%;
	height: 100%;
	min-height: 600px;
	border: 0;
	border-radius: var(--corners-round-s);
}

.g-c-modal-footer {
	flex-grow: 0;
	box-shadow: 0 -1px 0 0 rgb(0 0 0 / 8%);
	transition: opacity var(--transition-speed-very-fast) ease;
}

.g-c-modal.g-c-modal-loading .g-c-modal-footer {
	opacity: 0;
}


.g-c-ident {
	--size: 40px;
	width: var(--size);
	height: var(--size);
	overflow: hidden;
}

.g-c-ident img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: contain;
	object-position: center;
}

.g-c-ident svg {
	width: 100%;
	height: 100%;
	display: block;
}


.g-c-sidebar {
	--horizontal-padding: calc(var(--spacing-s) * 1.25);
	--label-color: var(--color-on-surface-2);
	--selected-fill-color: var(--color-highlight);
	--selected-label-color: var(--color-on-highlight);
	position: relative;
}

.g-c-sidebar-content {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-m);
}

.g-c-sidebar-top-content {
	padding: 0 var(--horizontal-padding);
	flex: 0 0 auto;
}

.g-c-sidebar-items {
	display: flex;
	flex-direction: column;
}

.g-l-page > .g-c-sidebar .g-c-sidebar-items {
	min-height: 0;
	flex: 1;
	overflow: auto;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.g-c-sidebar-items .g-c-divider {
	margin: var(--spacing-xxs) 0;
}

.g-c-sidebar-items-title {
	padding: var(--spacing-xxs) var(--horizontal-padding);
}

.g-c-sidebar-subitems.g-c-sidebar-item-collapsible {
	height: 0;
	overflow: hidden;
}

.g-c-sidebar-subitems.g-c-sidebar-item-collapsible.g-c-sidebar-subitems-expanded {
	height: auto;
}

.g-c-sidebar-subitems .g-c-sidebar-subitems-content {
	padding: 0 0 var(--spacing-xs) 0;
	display: flex;
	flex-direction: column;
}

.g-c-sidebar-subitems.g-c-sidebar-item-collapsible .g-c-sidebar-subitems-content {
	opacity: 0;
	transition: var(--transition-speed-very-fast) ease;
	transition-property: opacity;
}

.g-c-sidebar-subitems.g-c-sidebar-item-collapsible.g-c-sidebar-subitems-expanded .g-c-sidebar-subitems-content {
	opacity: 1;
}

.g-c-sidebar-item {
	min-height: var(--size-xl);
	padding: 0 var(--horizontal-padding);
	display: flex;
	align-items: center;
	flex-direction: row;
	gap: var(--spacing-xs);
	color: var(--label-color);
	text-decoration: none;
	border-radius: var(--size-xl);
	transition: var(--transition-speed-very-fast) ease;
	transition-property: background, color;
}

.g-c-sidebar-item.g-c-sidebar-item-small {
	min-height: var(--size-l);
	margin-bottom: calc(0px - var(--spacing-xxxs));
}

.g-c-sidebar-item.g-c-sidebar-item-large {
	min-height: var(--size-xxl);
	margin-bottom: calc(0px - var(--spacing-xxs));
}

.g-c-sidebar-item:hover,
.g-c-sidebar-item:focus,
.g-c-sidebar-item.g-c-sidebar-item-active {
	color: var(--selected-label-color);
}

.g-c-sidebar-item.g-c-sidebar-item-active {
	background-color: var(--selected-fill-color);
}

.g-c-sidebar-item-content {
	display: flex;
	flex-direction: row;
	gap: var(--spacing-xxs);
	align-items: center;
	flex-grow: 1;
	overflow: hidden;
}

.g-c-sidebar-item-labels {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	gap: var(--spacing-xxxxs);
}

.g-c-sidebar-item-label {
	font-family: var(--control-font-family);
	font-size: var(--control-font-size-l);
	font-weight: var(--control-font-weight);
	line-height: var(--control-line-height);
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.g-c-sidebar-item.g-c-sidebar-item-small .g-c-sidebar-item-label {
	font-size: var(--control-font-size-m);
}

.g-c-sidebar-item.g-c-sidebar-item-large .g-c-sidebar-item-label {
	font-size: var(--control-font-size-xl);
}

.g-c-sidebar-item-sublabel {
	font-family: var(--control-font-family);
	font-size: var(--control-font-size-s);
	line-height: var(--control-line-height);
}

.g-c-sidebar-item-subitems-arrow {
	flex-grow: 0;
}

.g-c-sidebar-item-subitems-arrow .g-icon {
	transition: var(--transition-speed-fast) ease;
	transition-property: transform;
}

.g-c-sidebar-item.g-c-sidebar-item-expanded .g-c-sidebar-item-subitems-arrow .g-icon {
	transform: rotate(-180deg);
}

.g-c-sidebar-bottom-content {
	padding: 0 var(--horizontal-padding);
	flex: 0 0 auto;
}


.g-c-avatar {
	--size: var(--size-l);
	width: var(--size);
	height: var(--size);
	overflow: hidden;
	border-radius: 1000px;
	background-color: var(--color-secondary-surface);
}

.g-c-avatar-content {
	pointer-events: none;
}

.g-c-avatar img {
	display: block;
	width: var(--size);
	height: var(--size);
}

.g-c-avatar-initial {
	background-color: var(--color-on-surface-8);
	color: var(--color-on-surface-4);
	font-size: calc(var(--size) * 0.5);
	font-weight: 700;
	line-height: var(--size);
	text-align: center;
	text-transform: uppercase;
}

.g-c-avatar-overflow-label {
	color: var(--color-on-surface-4);
	font-size: calc(var(--size) * 0.35);
	font-weight: 700;
	line-height: var(--size);
	text-align: center;
	text-indent: calc(0px - (var(--size) * 0.1));
}


.g-c-avatar-cluster {
	--gap: var(--spacing-xxxs);
	--border-color: var(--color-surface);
	display: flex;
	flex-direction: row;
	gap: var(--gap);
}

.g-c-avatar-cluster.g-c-avatar-cluster-overlap {
	gap: 0;
}

.g-c-avatar-cluster.g-c-avatar-cluster-overlap .g-c-avatar + .g-c-avatar {
	margin-left: calc(0px - (var(--gap) * 1.5));
	box-shadow: 0 0 0 2px var(--border-color);
}


.g-c-focus-indicator {
	position: absolute;
	z-index: 99999;
	border: 2px solid var(--color-accent-primary);
	border-radius: var(--corners-round-s);
	box-shadow: 0 0 0 1px var(--color-surface), inset 0 0 0 1px var(--color-surface);
}


.g-l-wrap {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.g-l-wrap.g-l-wrap-xxs {
	max-width: 320px;
}

.g-l-wrap.g-l-wrap-xs {
	max-width: 480px;
}

.g-l-wrap.g-l-wrap-s {
	max-width: 640px;
}

.g-l-wrap.g-l-wrap-m {
	max-width: 800px;
}

.g-l-wrap.g-l-wrap-l {
	max-width: 1000px;
}

.g-l-wrap.g-l-wrap-xl {
	max-width: 1200px;
}

.g-l-wrap.g-l-wrap-xxl {
	max-width: 1400px;
}

.g-l-wrap.g-l-wrap-fluid {
	width: auto;
	max-width: none;
	margin-left: var(--page-offset);
	margin-right: var(--page-offset);
}


.g-l-page {
	--margin: var(--spacing-xl);
	--vertical-outer-margin: var(--margin);
	--horizontal-outer-margin: var(--spacing-m);
	--sidebar-width: 240px;
	--gap: var(--spacing-xxl);
	--height: calc(100vh - var(--page-top-margin) - (var(--vertical-outer-margin) * 2));
	min-height: var(--height);
	display: grid;
	gap: var(--gap);
	padding: var(--vertical-outer-margin) var(--horizontal-outer-margin);
}

.g-l-page.g-l-page-sidebar-small {
	--sidebar-width: 160px;
}

.g-l-page.g-l-page-sidebar-large {
	--sidebar-width: 320px;
}

.g-l-page.g-l-page-has-sidebar {
	padding-right: calc(var(--horizontal-outer-margin) + var(--spacing-s));
	grid-template-columns: var(--sidebar-width) auto;
}

.g-l-page.g-l-page-has-sidebar.g-l-page-balance-with-sidebar {
	padding-right: calc(var(--sidebar-width) + var(--horizontal-outer-margin) + var(--spacing-xxxxl));
}

.g-l-page > .g-c-sidebar {
	width: var(--sidebar-width);
	visibility: hidden;
}

.g-l-page.g-l-page-has-sidebar > .g-c-sidebar {
	visibility: visible;
}

.g-l-page > .g-c-sidebar .g-c-sidebar-content {
	width: var(--sidebar-width);
}

.g-l-page.g-l-page-sticky-sidebar > .g-c-sidebar .g-c-sidebar-content {
	position: sticky;
	top: calc(var(--page-top-margin) + var(--vertical-outer-margin));
	height: calc(100vh - (var(--page-top-margin) + (var(--vertical-outer-margin) * 2)));
}

.g-l-page.g-l-page-sticky-sidebar > .g-c-sidebar .g-c-sidebar-content::-webkit-scrollbar {
	display: none;
}

.g-l-page .g-l-page-main {
	min-height: 100%;
}

.g-l-page .g-l-page-main .g-l-page-main-content {
	min-height: 100%;
	display: flex;
	flex-direction: column;
}

.g-l-page.g-l-page-vertical-align-top .g-l-page-main .g-l-page-main-content {
	justify-content: flex-start;
}

.g-l-page.g-l-page-vertical-align-middle .g-l-page-main .g-l-page-main-content {
	justify-content: center;
}

.g-l-page.g-l-page-vertical-align-bottom .g-l-page-main .g-l-page-main-content {
	justify-content: flex-end;
}

.g-l-page .g-l-page-main .g-l-page-section {
	margin-bottom: var(--spacing-xxl);
	padding-bottom: var(--spacing-xxl);
	border-bottom: 1px solid var(--color-on-surface-7);
}

.g-l-page .g-l-page-main .g-l-page-section:last-child,
.g-l-page .g-l-page-main .g-l-page-section.g-l-page-section-introduction:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0;
}

.g-l-page .g-l-page-main .g-l-page-section .g-l-page-sub-section {
	margin-top: var(--spacing-l);
}

.g-l-page .g-l-page-main .g-l-page-section .g-l-page-sub-section:first-child {
	margin-top: 0;
}


.g-l-grid {
	--cols: 4;
	--spacing: var(--spacing-xxs);
	display: grid;
	gap: var(--spacing);
	grid-template-columns: repeat(var(--cols), 1fr);
}

.g-l-grid.g-l-grid-spacing-xs {
	gap: var(--spacing-xs);
}

.g-l-grid.g-l-grid-spacing-s {
	gap: var(--spacing-s);
}

.g-l-grid.g-l-grid-spacing-m {
	gap: var(--spacing-m);
}

.g-l-grid.g-l-grid-spacing-l {
	gap: var(--spacing-l);
}

.g-l-grid.g-l-grid-spacing-xl {
	gap: var(--spacing-xl);
}

.g-l-grid.g-l-grid-8 {
	grid-template-columns: repeat(8, 1fr);
}

.g-l-grid.g-l-grid-7 {
	grid-template-columns: repeat(7, 1fr);
}

.g-l-grid.g-l-grid-6 {
	grid-template-columns: repeat(6, 1fr);
}

.g-l-grid.g-l-grid-5 {
	grid-template-columns: repeat(5, 1fr);
}

.g-l-grid.g-l-grid-4 {
	grid-template-columns: repeat(4, 1fr);
}

.g-l-grid.g-l-grid-3 {
	grid-template-columns: repeat(3, 1fr);
}

.g-l-grid.g-l-grid-2 {
	grid-template-columns: repeat(2, 1fr);
}

.g-l-grid.g-l-grid-auto {
	--col-width: 200px;
	/* grid-template-columns: repeat(auto-fit, minmax(var(--col-width), 1fr)); */
	grid-template-columns: repeat(auto-fit, var(--col-width));
	justify-content: space-between;
	justify-items: stretch;
}


.g-l-action-row {
	--gap: var(--spacing-xs);
	display: flex;
	align-items: center;
	flex-direction: row;
	gap: var(--gap);
}

.g-l-action-row.g-l-action-row-tight {
	--gap: var(--spacing-xxxs);
}

.g-l-action-row.g-l-action-row-compact {
	--gap: var(--spacing-xxs);
}

.g-l-action-row.g-l-action-row-comfortable {
	--gap: var(--spacing-xs);
}

.g-l-action-row.g-l-action-row-loose {
	--gap: var(--spacing-s);
}

.g-l-action-row.g-l-action-row-left {
	justify-content: flex-start;
}

.g-l-action-row.g-l-action-row-right {
	justify-content: flex-end;
}

.g-l-action-row.g-l-action-row-center {
	justify-content: center;
}

.g-l-action-row.g-l-action-row-justified {
	justify-content: space-around;
}

.g-l-action-row.g-l-action-row-spread,
.g-l-action-row.g-l-action-row-space-between,
.g-l-action-row.g-l-action-row-primary-fill,
.g-l-action-row.g-l-action-row-field-fill {
	justify-content: space-between;
}

.g-l-action-row.g-l-action-row-stacked {
	flex-direction: column;
	gap: var(--spacing-xxs);
}

.g-l-action-row.g-l-action-row-stacked-reversed {
	flex-direction: column-reverse;
	gap: var(--spacing-xxs);
}

.g-l-action-row.g-l-action-row-fill {
	flex-grow: 1;
}

.g-l-action-row.g-l-action-row-spread > .g-c-button,
.g-l-action-row.g-l-action-row-primary-fill > .g-c-button.g-c-button-primary,
.g-l-action-row.g-l-action-row-field-fill > .g-c-field,
.g-l-action-row.g-l-action-row-field-fill > .g-c-textfield {
	flex-grow: 1;
}

.g-l-action-row.g-l-action-row-stacked > .g-c-button,
.g-l-action-row.g-l-action-row-stacked-reversed > .g-c-button {
	width: 100%;
}

.g-l-action-row.g-l-action-row-align-top {
	align-items: start;
}

.g-l-action-row.g-l-action-row-align-center {
	align-items: center;
}

.g-l-action-row.g-l-action-row-align-bottom {
	align-items: end;
}

.g-l-action-row.g-l-action-row-align-stretch {
	align-items: stretch;
}


.g-l-action-group {
	display: flex;
	flex: 1 0 auto;
	flex-direction: row;
	align-items: center;
}

.g-l-action-group > a,
.g-l-action-group > button,
.g-l-action-group > div {
	margin-right: var(--spacing-xs);
}



.g-p-padding-xxxxs {
	--padding: var(--spacing-xxxxs);
	padding: var(--padding);
}

.g-p-padding-t-xxxxs {
	padding-top: var(--spacing-xxxxs);
}

.g-p-padding-r-xxxxs {
	padding-right: var(--spacing-xxxxs);
}

.g-p-padding-b-xxxxs {
	padding-bottom: var(--spacing-xxxxs);
}

.g-p-padding-l-xxxxs {
	padding-left: var(--spacing-xxxxs);
}


.g-p-padding-xxxs {
	--padding: var(--spacing-xxxs);
	padding: var(--padding);
}

.g-p-padding-t-xxxs {
	padding-top: var(--spacing-xxxs);
}

.g-p-padding-r-xxxs {
	padding-right: var(--spacing-xxxs);
}

.g-p-padding-b-xxxs {
	padding-bottom: var(--spacing-xxxs);
}

.g-p-padding-l-xxxs {
	padding-left: var(--spacing-xxxs);
}


.g-p-padding-xxs {
	--padding: var(--spacing-xxs);
	padding: var(--padding);
}

.g-p-padding-t-xxs {
	padding-top: var(--spacing-xxs);
}

.g-p-padding-r-xxs {
	padding-right: var(--spacing-xxs);
}

.g-p-padding-b-xxs {
	padding-bottom: var(--spacing-xxs);
}

.g-p-padding-l-xxs {
	padding-left: var(--spacing-xxs);
}


.g-p-padding-xs {
	--padding: var(--spacing-xs);
	padding: var(--padding);
}

.g-p-padding-t-xs {
	padding-top: var(--spacing-xs);
}

.g-p-padding-r-xs {
	padding-right: var(--spacing-xs);
}

.g-p-padding-b-xs {
	padding-bottom: var(--spacing-xs);
}

.g-p-padding-l-xs {
	padding-left: var(--spacing-xs);
}


.g-p-padding-s {
	--padding: var(--spacing-s);
	padding: var(--padding);
}

.g-p-padding-t-s {
	padding-top: var(--spacing-s);
}

.g-p-padding-r-s {
	padding-right: var(--spacing-s);
}

.g-p-padding-b-s {
	padding-bottom: var(--spacing-s);
}

.g-p-padding-l-s {
	padding-left: var(--spacing-s);
}


.g-p-padding-m {
	--padding: var(--spacing-m);
	padding: var(--padding);
}

.g-p-padding-t-m {
	padding-top: var(--spacing-m);
}

.g-p-padding-r-m {
	padding-right: var(--spacing-m);
}

.g-p-padding-b-m {
	padding-bottom: var(--spacing-m);
}

.g-p-padding-l-m {
	padding-left: var(--spacing-m);
}


.g-p-padding-l {
	--padding: var(--spacing-l);
	padding: var(--padding);
}

.g-p-padding-t-l {
	padding-top: var(--spacing-l);
}

.g-p-padding-r-l {
	padding-right: var(--spacing-l);
}

.g-p-padding-b-l {
	padding-bottom: var(--spacing-l);
}

.g-p-padding-l-l {
	padding-left: var(--spacing-l);
}


.g-p-padding-xl {
	--padding: var(--spacing-xl);
	padding: var(--padding);
}

.g-p-padding-t-xl {
	padding-top: var(--spacing-xl);
}

.g-p-padding-r-xl {
	padding-right: var(--spacing-xl);
}

.g-p-padding-b-xl {
	padding-bottom: var(--spacing-xl);
}

.g-p-padding-l-xl {
	padding-left: var(--spacing-xl);
}


.g-p-padding-xxl {
	--padding: var(--spacing-xxl);
	padding: var(--padding);
}

.g-p-padding-t-xxl {
	padding-top: var(--spacing-xxl);
}

.g-p-padding-r-xxl {
	padding-right: var(--spacing-xxl);
}

.g-p-padding-b-xxl {
	padding-bottom: var(--spacing-xxl);
}

.g-p-padding-l-xxl {
	padding-left: var(--spacing-xxl);
}


.g-p-padding-xxxl {
	--padding: var(--spacing-xxxl);
	padding: var(--padding);
}

.g-p-padding-t-xxxl {
	padding-top: var(--spacing-xxxl);
}

.g-p-padding-r-xxxl {
	padding-right: var(--spacing-xxxl);
}

.g-p-padding-b-xxxl {
	padding-bottom: var(--spacing-xxxl);
}

.g-p-padding-l-xxxl {
	padding-left: var(--spacing-xxxl);
}


.g-p-padding-xxxxl {
	--padding: var(--spacing-xxxxl);
	padding: var(--padding);
}

.g-p-padding-t-xxxxl {
	padding-top: var(--spacing-xxxxl);
}

.g-p-padding-r-xxxxl {
	padding-right: var(--spacing-xxxxl);
}

.g-p-padding-b-xxxxl {
	padding-bottom: var(--spacing-xxxxl);
}

.g-p-padding-l-xxxxl {
	padding-left: var(--spacing-xxxxl);
}


.g-p-padding-none {
	--padding: 0;
	padding: var(--padding);
}

.g-p-padding-t-none {
	padding-top: 0;
}

.g-p-padding-r-none {
	padding-right: 0;
}

.g-p-padding-b-none {
	padding-bottom: 0;
}

.g-p-padding-l-none {
	padding-left: 0;
}



.g-c-spacer.g-c-spacer-xxxxs {
	width: var(--spacing-xxxxs);
	height: var(--spacing-xxxxs);
}

.g-c-spacer.g-c-spacer-xxxs {
	width: var(--spacing-xxxs);
	height: var(--spacing-xxxs);
}

.g-c-spacer.g-c-spacer-xxs {
	width: var(--spacing-xxs);
	height: var(--spacing-xxs);
}

.g-c-spacer.g-c-spacer-xs {
	width: var(--spacing-xs);
	height: var(--spacing-xs);
}

.g-c-spacer.g-c-spacer-s {
	width: var(--spacing-s);
	height: var(--spacing-s);
}

.g-c-spacer.g-c-spacer-m {
	width: var(--spacing-m);
	height: var(--spacing-m);
}

.g-c-spacer.g-c-spacer-l {
	width: var(--spacing-l);
	height: var(--spacing-l);
}

.g-c-spacer.g-c-spacer-xl {
	width: var(--spacing-xl);
	height: var(--spacing-xl);
}

.g-c-spacer.g-c-spacer-xxl {
	width: var(--spacing-xxl);
	height: var(--spacing-xxl);
}

.g-c-spacer.g-c-spacer-xxxl {
	width: var(--spacing-xxxl);
	height: var(--spacing-xxxl);
}

.g-c-spacer.g-c-spacer-xxxxl {
	width: var(--spacing-xxxxl);
	height: var(--spacing-xxxxl);
}


.g-l-form {
	display: flex;
	flex-direction: column;
}

.g-l-form-group {
	display: flex;
	flex-direction: column;
}

@media (min-width: 401px) {
	.g-l-form-group {
		flex-direction: row;
	}	
}

.g-l-form.g-l-form-spacing-xxs,
.g-l-form.g-l-form-spacing-xxs .g-l-form-group {
	gap: var(--spacing-xxs);
}

.g-l-form.g-l-form-spacing-tight,
.g-l-form.g-l-form-spacing-xs,
.g-l-form.g-l-form-spacing-tight .g-l-form-group,
.g-l-form.g-l-form-spacing-xs .g-l-form-group {
	gap: var(--spacing-xs);
}

.g-l-form.g-l-form-spacing-compact,
.g-l-form.g-l-form-spacing-s,
.g-l-form.g-l-form-spacing-compact .g-l-form-group,
.g-l-form.g-l-form-spacing-s .g-l-form-group {
	gap: var(--spacing-s);
}

.g-l-form.g-l-form-spacing-comfortable,
.g-l-form.g-l-form-spacing-m,
.g-l-form.g-l-form-spacing-comfortable .g-l-form-group,
.g-l-form.g-l-form-spacing-m .g-l-form-group {
	gap: var(--spacing-m);
}

.g-l-form.g-l-form-spacing-loose,
.g-l-form.g-l-form-spacing-l,
.g-l-form.g-l-form-spacing-loose .g-l-form-group,
.g-l-form.g-l-form-spacing-l .g-l-form-group {
	gap: var(--spacing-l);
}

.g-l-form-group .g-l-form-row {
	flex: 1;
}

.g-l-form-row.g-l-form-row-dependent {
	display: none;
}


.g-p-inverted {
	--color-surface: var(--color-inverted-surface);
	--color-on-surface-1: var(--color-inverted-on-surface-1);
	--color-on-surface-2: var(--color-inverted-on-surface-2);
	--color-on-surface-3: var(--color-inverted-on-surface-3);
	--color-on-surface-4: var(--color-inverted-on-surface-4);
	--color-on-surface-5: var(--color-inverted-on-surface-5);
	--color-on-surface-6: var(--color-inverted-on-surface-6);
	--color-on-surface-7: var(--color-inverted-on-surface-7);
	--color-on-surface-8: var(--color-inverted-on-surface-8);
	--color-accent-primary: var(--color-inverted-accent-primary);
	--color-on-accent-primary: var(--color-inverted-on-accent-primary);
	--color-accent-secondary: var(--color-inverted-accent-secondary);
	--color-on-accent-secondary: var(--color-inverted-on-accent-secondary);
	--color-state-success-primary: var(--color-inverted-state-success-primary);
	--color-state-warning-primary: var(--color-inverted-state-warning-primary);
	--color-state-error-primary: var(--color-inverted-state-error-primary);
	--color-state-error-secondary: var(--color-inverted-state-error-secondary);
	--color-on-state-primary: var(--color-inverted-on-state-primary);
	--color-on-state-success-secondary: var(--color-inverted-on-state-success-secondary);	
}

.g-p-glass {
	--color-surface: var(--color-transparent-surface);
	--color-secondary-surface: var(--color-transparent-surface);
	-webkit-backdrop-filter: var(--glass-effects);
	backdrop-filter: var(--glass-effects);
}

.g-p-glass.g-p-inverted {
	--color-surface: var(--color-inverted-transparent-surface);
	--color-secondary-surface: var(--color-inverted-transparent-surface);
}


.g-p-align-left {
	text-align: left;
}

.g-p-align-justify {
	text-align: justify;
}

.g-p-align-center {
	text-align: center;
}

.g-p-align-right {
	text-align: right;
}


.g-p-corners-round,
.g-p-corners-round-xs {
	--corners: var(--corners-round-xs);
	border-radius: var(--corners);
}

.g-p-corners-round-s {
	--corners: var(--corners-round-s);
	border-radius: var(--corners);
}

.g-p-corners-round-m {
	--corners: var(--corners-round-m);
	border-radius: var(--corners);
}

.g-p-corners-round-l {
	--corners: var(--corners-round-l);
	border-radius: var(--corners);
}

.g-p-corners-round-xl {
	--corners: var(--corners-round-xl);
	border-radius: var(--corners);
}

.g-p-corners-square {
	--corners: var(--corners-square);
	border-radius: var(--corners);
}


.g-p-elevation-0 {
	box-shadow: var(--elevation-0);
}

.g-p-elevation-1 {
	box-shadow: var(--elevation-1);
}

.g-p-elevation-2 {
	box-shadow: var(--elevation-2);
}

.g-p-elevation-3 {
	box-shadow: var(--elevation-3);
}

.g-p-elevation-4 {
	box-shadow: var(--elevation-4);
}

.g-p-elevation-5 {
	box-shadow: var(--elevation-5);
}

.g-p-elevation-6 {
	box-shadow: var(--elevation-6);
}

.g-p-elevation-7 {
	box-shadow: var(--elevation-7);
}



div.g-p-component-lock {
	position: relative;
}

div.g-p-component-lock::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}



.g-c-menu-open {
	pointer-events: none;
}



/* SHOW */

.g-p-show-at-mobile,
.g-p-show-at-portrait-tablet,
.g-p-show-at-landscape-tablet,
.g-p-show-at-desktop {
	display: none !important;
}

body.g-b-mobile .g-p-show-at-mobile,
body.g-b-portrait-tablet .g-p-show-at-portrait-tablet,
body.g-b-landscape-tablet .g-p-show-at-landscape-tablet,
body.g-b-desktop .g-p-show-at-desktop {
	display: inherit !important;
}


/* HIDE */

body.g-b-mobile .g-p-hide-at-mobile,
body.g-b-portrait-tablet .g-p-hide-at-portrait-tablet,
body.g-b-landscape-tablet .g-p-hide-at-landscape-tablet,
body.g-b-desktop .g-p-hide-at-desktop {
	display: none !important;
}



@media (prefers-reduced-motion) {
	*, *::before, *::after {
		animation-duration: 0s !important;
		transition: none !important;
		scroll-behavior: auto !important;
	}
}

@media (prefers-reduced-transparency) {
	*, *::before, *::after {
		-webkit-backdrop-filter: none !important;
		backdrop-filter: none !important;
	}
}