/*!
* Settings/Components
*/

/* .x-app-bar {
	--x-comp-app-bar-background: rgb(var(--x-sys-color-surface));
	--x-comp-app-bar-color: rgba(
		var(--x-sys-color-on-surface),
		var(--x-sys-opacity-high-emphasis)
	);
	--x-comp-app-bar-elevation: 0 0.125rem 0.25rem -0.0625rem rgba(0, 0, 0, 0.2),
		0 0.25rem 0.3125rem 0 rgba(0, 0, 0, 0.14),
		0 0.0625rem 0.625rem 0 rgba(0, 0, 0, 0.12);
} */

.x-avatar {
	/* --x-comp-avatar-border-radius: 50%; */
	/* --x-comp-avatar-density-default-reducer: 0rem; */
	/* --x-comp-avatar-density-comfortable-reducer: -0.25rem; */
	/* --x-comp-avatar-density-compact-reducer: -0.5rem; */
	/* --x-comp-avatar-elevated-elevation: 0 0.125rem 0.0625rem -0.0625rem rgba(0, 0, 0, 0.2),
		0 0.0625rem 0.0625rem 0 rgba(0, 0, 0, 0.14),
		0 0.0625rem 0.1875rem 0 rgba(0, 0, 0, 0.12); */
	/* --x-comp-avatar-filled-background: var(--x-sys-color-surface); */
	/* --x-comp-avatar-filled-color: rgba(var(--x-sys-color-on-surface), var(--x-medium-emphasis-opacity)); */
	/* --x-comp-avatar-filled-elevation: 0 0 0 0 rgba(0, 0, 0, 0.2),
		0 0 0 0 rgba(0, 0, 0, 0.14),
		0 0 0 0 rgba(0, 0, 0, 0.12); */
	--x-comp-avatar-line-height: 1;
	/* --x-comp-avatar-outlined-border-width: 0.0625rem; */
	/* --x-comp-avatar-plain-opacity: 0.62; */
	--x-comp-avatar-rounded-border-radius: var(--x-sys-shape-corner-medium);
	/* --x-comp-avatar-size-x-small-height: 1.5rem; */
	/* --x-comp-avatar-size-small-height: 2rem; */
	/* --x-comp-avatar-size-default-height: 2.5rem; */
	/* --x-comp-avatar-size-large-height: 3rem; */
	/* --x-comp-avatar-size-x-large-height: 3.5rem; */
	/* --x-comp-avatar-vertical-align: middle; */
}

.x-btn {
	--x-comp-btn-label-text-size: 0.875rem;
	--x-comp-btn-label-text-weight: 600;
}

.x-card {
	--x-comp-card-actions-flex: none;
	--x-comp-card-actions-min-height: 3.25rem;
	--x-comp-card-actions-padding: 0.5rem;
	--x-comp-card-avatar-align-self: flex-start;
	--x-comp-card-avatar-padding: 0.5rem 1rem;
	--x-comp-card-avatar-header-padding: 0;
	--x-comp-card-background: rgb(var(--x-sys-color-surface));
	--x-comp-card-border-color: var(--x-border-color-root);
	--x-comp-card-border-radius: var(--x-sys-shape-corner-small);
	--x-comp-card-border-style: var(--x-border-style-root);
	--x-comp-card-border-width: 0;
	--x-comp-card-border-thin-width: 0.0625rem;
	--x-comp-card-color: rgb(var(--x-sys-color-on-surface));
	--x-comp-card-content-flex: 1 1 auto;
	--x-comp-card-disabled-opacity: 0.6;
	--x-comp-card-elevation-default: var(--x-shadow-key-4);
	--x-comp-card-elevation-hover: var(--x-shadow-key-8);
	--x-comp-card-elevation-active: var(--x-shadow-key-12);
	--x-comp-card-elevation-dragged: var(--x-shadow-key-16);
	--x-comp-card-filled-elevation: var(--x-shadow-key-0);
	--x-comp-card-header-flex: none;
	--x-comp-card-header-text-flex: 1 1 auto;
	--x-comp-card-img-flex: 1 1 auto;
	--x-comp-card-item-align-items: center;
	--x-comp-card-item-padding: 0.625rem 1rem;
	--x-comp-card-outlined-border-width: 0.0625rem;
	--x-comp-card-overlay-activated-opacity: var(--x-state-opacity-activated);
	--x-comp-card-overlay-focus-opacity: var(--x-state-opacity-focus);
	--x-comp-card-overlay-hover-opacity: var(--x-state-opacity-hover);
	--x-comp-card-overlay-pressed-opacity: var(--x-state-opacity-pressed);
	--x-comp-card-padding: 0;
	--x-comp-card-plain-opacity: 0.62;
	--x-comp-card-subtitle-density-comfortable-line-height: 1.125rem;
	--x-comp-card-subtitle-density-compact-line-height: 1rem;
	--x-comp-card-subtitle-flex: none;
	--x-comp-card-subtitle-font-size: var(--x-sys-typescale-body-medium-size);
	--x-comp-card-subtitle-font-weight: var(--x-sys-typescale-body-medium-weight);
	--x-comp-card-subtitle-header-padding: 0 0 0.25rem;
	--x-comp-card-subtitle-letter-spacing: normal;
	--x-comp-card-subtitle-line-height: var(--x-sys-typescale-body-medium-line-height);
	--x-comp-card-subtitle-opacity: var(--x-medium-emphasis-opacity);
	--x-comp-card-subtitle-padding: 0 1rem;
	--x-comp-card-subtitle-text-transform: none;
	--x-comp-card-text-density-comfortable-line-height: 1.125rem;
	--x-comp-card-text-density-compact-line-height: 1rem;
	--x-comp-card-text-flex: 1 1 auto;
	--x-comp-card-text-font-size: var(--x-sys-typescale-body-medium-size);
	--x-comp-card-text-font-weight: var(--x-sys-typescale-body-medium-weight);
	--x-comp-card-text-letter-spacing: normal;
	--x-comp-card-text-line-height: var(--x-sys-typescale-body-medium-line-height);
	--x-comp-card-text-padding: 1rem;
	--x-comp-card-text-text-transform: none;
	--x-comp-card-title-density-comfortable-line-height: 1.75rem;
	--x-comp-card-title-density-compact-line-height: 1.5rem;
	--x-comp-card-title-flex: none;
	--x-comp-card-title-font-size: 1.375rem;
	--x-comp-card-title-font-weight: var(--x-sys-typescale-title-medium-weight);
	--x-comp-card-title-header-padding: 0;
	--x-comp-card-title-hyphens: none;
	--x-comp-card-title-letter-spacing: 0;
	--x-comp-card-title-overflow-wrap: normal;
	--x-comp-card-title-padding: 0.5rem 1rem;
	--x-comp-card-title-text-transform: var(--x-sys-typescale-title-medium-transform);
	--x-comp-card-title-word-break: normal;
	--x-comp-card-title-word-wrap: break-word;
	--x-comp-card-text-line-height: var(--x-sys-typescale-body-medium-line-height);
	/* --x-comp-card-transition-duration: var(--x-sys-motion-duration-medium-2); */
	/* --x-comp-card-transition-property: background, box-shadow, opacity; */
	/* --x-comp-card-transition-timing-function: var(--x-sys-motion-easing-legacy); */
}

.x-container {
	--x-container-breakpoint-xl-max-width: var(--x-comp-container-breakpoint-xl-max-width, 95rem);
}

@media (min-width: 100em) {
	.x-container {
		--x-container-max-width: var(--x-container-breakpoint-xl-max-width) !important;
	}
}

/* .x-counter {
	--x-comp-counter-color: rgba(var(--x-sys-color-on-surface), var(--x-sys-opacity-medium-emphasis));
	--x-comp-counter-flex: 0 1 auto;
	--x-comp-counter-font-size: 0.75rem;
	--x-comp-counter-transition-duration: var(--x-sys-motion-duration-short-3);
} */

/* .x-dialog {
	--x-comp-dialog-margin: 1.5rem;
	--x-comp-dialog-border-radius: var(--x-sys-shape-corner-x-large);
	--x-comp-dialog-elevation: var(--x-sys-elevation-3);
	--x-comp-dialog-card-header-padding: 0.875rem 1.5rem 0;
	--x-comp-dialog-card-header-text-padding-top: 0.625rem;
	--x-comp-dialog-card-text-letter-spacing: 0.03125em;
	--x-comp-dialog-card-text-padding: 1rem 1.5rem 0.625rem;
} */

/* .x-divider {
	--x-comp-divider-flex: 1 1 100%;
	--x-comp-divider-border-color: rgb(var(--x-sys-color-outline), var(--x-sys-opacity-outline));
	--x-comp-divider-border-style: solid;
	--x-comp-divider-border-width: 0.0625rem 0 0 0;

	--x-comp-divider-vertical-border-width: 0 0.0625rem 0 0;
	--x-comp-divider-vertical-margin-left: -0.0625rem;
	--x-comp-divider-inset-margin: 4.5rem;
	--x-comp-divider-inset-max-width: calc(100% - var(--x-comp-divider-inset-margin));
	--x-comp-divider-margin: 0.5rem;
	--x-comp-divider-vertical-inset-margin-bottom: var(--x-comp-divider-margin);
	--x-comp-divider-vertical-inset-margin-top: var(--x-comp-divider-margin);
	--x-comp-divider-vertical-inset-max-height: calc(100% - (var(--x-comp-divider-margin) * 2));
} */

/* .x-footer {
	--x-comp-footer-background: rgb(var(--x-sys-color-surface));
	--x-comp-footer-border-radius: 0;
	--x-comp-footer-color: rgba(var(--x-sys-color-on-surface), var(--x-high-emphasis-opacity));
	--x-comp-footer-elevation: var(--x-sys-elevation-0);
	--x-comp-footer-flex: 1 1 auto;
	--x-comp-footer-padding: 0.5rem 1rem;
	--x-comp-footer-rounded-border-radius: var(--x-sys-shape-corner-x-small);
} */

/* .x-icon {
	--x-comp-icon-size: 1em;
	--x-comp-icon-letter-spacing: normal;
	--x-comp-icon-line-height: 1;
	--x-comp-icon-text-indent: 0;
	--x-comp-icon-vertical-align: middle;
	--x-comp-icon-size: 1em;

	--x-comp-icon-margin-start: 0.5rem;
	--x-comp-icon-margin-end: 0.5rem;

	--x-comp-icon-size-x-small: 1em;
	--x-comp-icon-size-small: 1.25em;
	--x-comp-icon-size-default: 1.5em;
	--x-comp-icon-size-large: 1.75em;
	--x-comp-icon-size-x-large: 2em;
} */

/* .x-img {
	--x-comp-img-preload-filter: blur(0.25rem);
} */

/* .x-label {
	--x-comp-label-display: inline-flex;
	--x-comp-label-font-size: 1rem;
	--x-comp-label-letter-spacing: 0.009375em;
} */

/* .x-main {
	--x-comp-main-transition: var(--x-sys-motion-duration-short-4) var(--x-sys-motion-easing-standard);
} */

.x-main {
	--x-layout-top: var(--x-sys-layout-app-bar-height);
}

/* .x-responsive {
	--x-comp-responsive-transition-timing-function: var(--x-sys-motion-easing-standard);
} */

.x-field {
	/* Field */

	--x-field-border-radius: var(--x-sys-shape-corner-full);
	/* --x-field-disabled-color: rgba(var(--x-sys-color-on-surface), var(--x-disabled-opacity)); */
	--x-field-font-size: var(--x-ref-root-font-size);
	--x-field-letter-spacing: 0;
	/* --x-field-max-width: 100%; */
	--x-field-transition-timing: 0.15s var(--x-sys-motion-easing-legacy);
	--x-field-subtle-transition-timing: 250ms var(--x-sys-motion-easing-legacy);
	--x-field-clearable-margin: 0;

	/* Field Control */

	--x-field-control-padding-start: 1.5rem;
	--x-field-control-padding-end: 1.5rem;
	--x-field-control-padding-top: 0.5rem;
	--x-field-control-padding-bottom: 0.375rem;
	--x-field-control-affixed-padding: 1.5rem;
	--x-field-control-affixed-inner-padding: 0.375rem;
	--x-field-control-default-filled-height: 3.5rem;
	--x-field-control-default-filled-padding-bottom: 0.375rem;
	--x-field-control-comfortable-filled-height: 3rem;
	--x-field-control-comfortable-filled-padding-bottom: 0.125rem;
	--x-field-control-compact-filled-height: 2.5rem;
	--x-field-control-compact-filled-padding-bottom: -0.125rem;
	--x-field-control-default-underlined-height: 2.5rem;
	--x-field-control-default-underlined-padding-bottom: 0.375rem;
	--x-field-control-comfortable-underlined-height: 2rem;
	--x-field-control-comfortable-underlined-padding-bottom: 0.25rem;
	--x-field-control-compact-underlined-height: 1.5rem;
	--x-field-control-compact-underlined-padding-bottom: 0.125rem;

	/* Field Input */

	--x-field-input-opacity: var(--x-high-emphasis-opacity);

	/* Field Label */

	--x-field-label-floating-scale: 0.75em;

	/* Field Outline */

	--x-field-outline-opacity: 0.38;
	--x-field-outline-border-width: 0.0625rem;
	--x-field-outline-focused-border-width: 0.125rem;

	/* Field Overlay */

	--x-field-overlay-filled-opacity: 0.04;
	--x-field-overlay-filled-hover-opacity: 0.08;
	--x-field-overlay-filled-focus-opacity: 0.16;
}

.x-input {
	/* Input control */

	--x-input-control-default-height: 3.5rem;
	--x-input-control-default-padding-top: 1rem;
	--x-input-control-comfortable-height: 3rem;
	--x-input-control-comfortable-padding-top: 0.75rem;
	--x-input-control-compact-height: 2.5rem;
	--x-input-control-compact-padding-top: 0.5rem;

	/* Input details */

	--x-input-details-font-size: 0.75rem;
	--x-input-details-font-weight: 400;
	--x-input-details-letter-spacing: 0.0333333333em;
	--x-input-details-line-height: normal;
	--x-input-details-margin-bottom: 0.25rem;
	--x-input-details-min-height: 1.25rem;
	--x-input-details-padding-above: 0.375rem;

	/* Input affixes */

	--x-input-affix-margin-inside: 1rem;
}

.x-text-field {
	--x-text-field-affix-color: rgba(var(--x-sys-color-on-surface),
			var(--x-medium-emphasis-opacity));
	--x-text-field-border-radius: var(--x-sys-shape-corner-x-small);
	--x-text-field-details-padding-inline: 1.5rem;
	--x-text-field-disabled-affix-color: rgba(var(--x-sys-color-on-surface),
			var(--x-disabled-opacity));
	--x-text-field-input-flex: 1;
	--x-text-field-input-padding-end: 0;
	--x-text-field-input-padding-start: 0.375rem;
	--x-text-field-input-transition: 0.15s opacity var(--x-sys-motion-easing-legacy);
}