h1:focus {
	outline: none;
}



.mud-main-content {
	padding-top: 0;
}


@media print {
	.mud-appbar.mud-appbar-fixed-top {
		position: absolute !important;
	}
}

.mx-uicomponent-tilting:hover {
	z-index: 1;
}


.mx-component.mx-uicomponent.mx-button.mx-linkbaritem-vbox-button {
	background-color: unset;
}

.mx-component.mx-uicomponent.mx-button.mx-linkbaritem-vbox-button:hover {
	background-color: rgba(var(--mud-palette-info-rgb), 0.2);
}

.mx-component.mx-uicomponent.mx-button.mx-linkbaritem-vbox-button.mud-button-filled-info {
	background-color: rgba(var(--mud-palette-info-rgb), 0.4);
}

/*


.mx-text--textShadow-1 {
	text-shadow: 0 0 1px black;
}

.mx-text--textShadow-2 {
	text-shadow: 0 0 1px black, 0 0 2px black;
}

.mx-text--textShadow-3 {
	text-shadow: 0 0 1px black, 0 0 2px black, 0 0 3px black;
}

.mx-text--textShadow-4 {
	text-shadow: 0 0 1px black, 0 0 2px black, 0 0 3px black, 0 0 4px black;
}

.mx-text--textShadow-5 {
	text-shadow: 0 0 1px black, 0 0 2px black, 0 0 3px black, 0 0 4px black, 0 0 5px black;
}

.mx-text--textShadow-6 {
	text-shadow: 0 0 1px black, 0 0 2px black, 0 0 3px black, 0 0 4px black, 0 0 5px black, 0 0 6px black;
}

.mx-text--textShadow-7 {
	text-shadow: 0 0 1px black, 0 0 2px black, 0 0 3px black, 0 0 4px black, 0 0 5px black, 0 0 6px black, 0 0 7px black;
}

.mx-text--textShadow-8 {
	text-shadow: 0 0 1px black, 0 0 2px black, 0 0 3px black, 0 0 4px black, 0 0 5px black, 0 0 6px black, 0 0 7px black, 0 0 8px black;
}

.mx-text--textShadow-9 {
	text-shadow: 0 0 1px black, 0 0 2px black, 0 0 3px black, 0 0 4px black, 0 0 5px black, 0 0 6px black, 0 0 7px black, 0 0 8px black, 0 0 9px black;
}

.mx-text--textShadow-10 {
	text-shadow: 0 0 1px black, 0 0 2px black, 0 0 3px black, 0 0 4px black, 0 0 5px black, 0 0 6px black, 0 0 7px black, 0 0 8px black, 0 0 9px black, 0 0 10px black;
}


*/

/*.mx-text {
	text-shadow: 0 0 4px black, 0 0 8px black, 0 0 12px black, 0 0 16px black, 0 0 20px black;
}
*/


/*

.mx-text {
	text-shadow:
		0 1px 2px rgba(0, 0, 0, 0.85),
		0 2px 8px rgba(0, 0, 0, 0.65),
		0 0 18px rgba(0, 0, 0, 0.45);
}

*/







.interview-expand-btn {
	position: relative;
	overflow: visible;
	isolation: isolate;
}

.interview-expand-btn--ring::before {
	content: "";
	position: absolute;
	inset: -2px;
	border-radius: 14px;
	padding: 2px;
	background: conic-gradient( from 0deg, rgba(125,105,255,0.00), rgba(125,105,255,0.70), rgba(255,191,120,0.55), rgba(125,105,255,0.70), rgba(125,105,255,0.00) );
	-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	filter: blur(0.2px);
	opacity: 0.85;
	animation: interview-ring 2.2s linear infinite;
	pointer-events: none;
}

@keyframes interview-ring {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

@media (prefers-reduced-motion: reduce) {
	.interview-expand-btn--ring::before {
		animation: none;
	}
}



















/*




.mx-uicomponent-tilting {
	--mx-glass-depth-1: 18px;
	--mx-glass-depth-2: 36px;

	position: relative;
	overflow: visible;
	transform-style: preserve-3d;
	transition: box-shadow 180ms cubic-bezier(.03,.98,.52,.99);

	box-shadow:
		0 20px 48px rgba(0, 0, 0, 0.30),
		0 10px 22px rgba(0, 0, 0, 0.14),
		0 1px 0 rgba(255, 255, 255, 0.10) inset,
		0 0 0 1px rgba(255, 255, 255, 0.06) inset,
		0 0 24px rgba(255, 255, 255, 0.02) inset;
}

.mx-uicomponent-tilting::before,
.mx-uicomponent-tilting::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	background: transparent;
	pointer-events: none;
	backface-visibility: hidden;
}

.mx-uicomponent-tilting::before {
	transform: translateZ(calc(var(--mx-glass-depth-1) * -1));
	border: 1px solid rgba(255, 255, 255, 0.045);
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.09) inset,
		0 -1px 0 rgba(0, 0, 0, 0.14) inset,
		0 0 0 1px rgba(255, 255, 255, 0.02) inset,
		0 14px 28px rgba(0, 0, 0, 0.12),
		0 0 22px rgba(255, 255, 255, 0.02);
	opacity: 0.96;
}

.mx-uicomponent-tilting::after {
	transform: translateZ(calc(var(--mx-glass-depth-2) * -1));
	border: 1px solid rgba(255, 255, 255, 0.03);
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.06) inset,
		0 -1px 0 rgba(0, 0, 0, 0.22) inset,
		0 0 0 1px rgba(255, 255, 255, 0.015) inset,
		0 22px 42px rgba(0, 0, 0, 0.18),
		0 0 34px rgba(255, 255, 255, 0.015);
	opacity: 0.82;
}

.mx-uicomponent-tilting:hover,
.mx-uicomponent-tilting:focus-within {
	z-index: 10;
	box-shadow:
		0 30px 72px rgba(0, 0, 0, 0.40),
		0 14px 28px rgba(0, 0, 0, 0.18),
		0 1px 0 rgba(255, 255, 255, 0.12) inset,
		0 0 0 1px rgba(255, 255, 255, 0.07) inset,
		0 0 30px rgba(255, 255, 255, 0.025) inset;
}


*/























/*



.mx-uicomponent-tilting {
	--mx-glass-depth-1: 10px;
	--mx-glass-depth-2: 20px;

	position: relative;
	overflow: visible;
	transform-style: preserve-3d;
	transition: box-shadow 180ms cubic-bezier(.03,.98,.52,.99);

	box-shadow:
		0 14px 34px rgba(0, 0, 0, 0.24),
		0 6px 14px rgba(0, 0, 0, 0.10),
		0 1px 0 rgba(255, 255, 255, 0.08) inset,
		0 0 0 1px rgba(255, 255, 255, 0.05) inset;
}

.mx-uicomponent-tilting::before,
.mx-uicomponent-tilting::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	background: transparent;
	pointer-events: none;
	backface-visibility: hidden;
}

.mx-uicomponent-tilting::before {
	transform: translateZ(calc(var(--mx-glass-depth-1) * -1));
	border: 1px solid rgba(255, 255, 255, 0.04);
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.07) inset,
		0 -1px 0 rgba(0, 0, 0, 0.10) inset,
		0 10px 20px rgba(0, 0, 0, 0.10);
	opacity: 0.92;
}

.mx-uicomponent-tilting::after {
	transform: translateZ(calc(var(--mx-glass-depth-2) * -1));
	border: 1px solid rgba(255, 255, 255, 0.025);
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.05) inset,
		0 -1px 0 rgba(0, 0, 0, 0.16) inset,
		0 16px 30px rgba(0, 0, 0, 0.14);
	opacity: 0.78;
}

.mx-uicomponent-tilting:hover,
.mx-uicomponent-tilting:focus-within {
	z-index: 10;
	box-shadow:
		0 22px 52px rgba(0, 0, 0, 0.32),
		0 10px 22px rgba(0, 0, 0, 0.14),
		0 1px 0 rgba(255, 255, 255, 0.10) inset,
		0 0 0 1px rgba(255, 255, 255, 0.06) inset;
}



*/
























































/*



.mx-uicomponent-tilting {
	--mx-glass-depth-1: 14px;
	--mx-glass-depth-2: 28px;

	position: relative;
	overflow: visible;
	transform-style: preserve-3d;
	transition: box-shadow 180ms cubic-bezier(.03,.98,.52,.99);

	box-shadow:
		0 18px 42px rgba(0, 0, 0, 0.28),
		0 8px 18px rgba(0, 0, 0, 0.12),
		0 1px 0 rgba(255, 255, 255, 0.08) inset,
		0 0 0 1px rgba(255, 255, 255, 0.05) inset;
}

.mx-uicomponent-tilting::before,
.mx-uicomponent-tilting::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	background: transparent;
	pointer-events: none;
	backface-visibility: hidden;
}

.mx-uicomponent-tilting::before {
	transform: translateZ(calc(var(--mx-glass-depth-1) * -1));
	border: 1px solid rgba(255, 255, 255, 0.045);
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.08) inset,
		0 -1px 0 rgba(0, 0, 0, 0.14) inset,
		0 12px 24px rgba(0, 0, 0, 0.12);
	opacity: 0.95;
}

.mx-uicomponent-tilting::after {
	transform: translateZ(calc(var(--mx-glass-depth-2) * -1));
	border: 1px solid rgba(255, 255, 255, 0.03);
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.06) inset,
		0 -1px 0 rgba(0, 0, 0, 0.22) inset,
		0 20px 38px rgba(0, 0, 0, 0.18);
	opacity: 0.82;
}

.mx-uicomponent-tilting:hover,
.mx-uicomponent-tilting:focus-within {
	z-index: 10;

	box-shadow:
		0 28px 64px rgba(0, 0, 0, 0.36),
		0 12px 24px rgba(0, 0, 0, 0.16),
		0 1px 0 rgba(255, 255, 255, 0.10) inset,
		0 0 0 1px rgba(255, 255, 255, 0.06) inset;
}



*/



































/*

.mx-uicomponent-tilting {
	--mx-glass-depth-1: 14px;
	--mx-glass-depth-2: 28px;

	position: relative;
	overflow: visible;
	transform-style: preserve-3d;
	transition: box-shadow 180ms cubic-bezier(.03,.98,.52,.99);

	box-shadow:
		0 20px 48px rgba(0, 0, 0, 0.30),
		0 8px 18px rgba(0, 0, 0, 0.14),
		0 1px 0 rgba(255, 255, 255, 0.08) inset,
		0 0 0 1px rgba(255, 255, 255, 0.05) inset;
}

.mx-uicomponent-tilting::before,
.mx-uicomponent-tilting::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	background: transparent !important;
	pointer-events: none;
	backface-visibility: hidden;
	z-index: 0;
}

.mx-uicomponent-tilting::before {
	transform: translateZ(calc(var(--mx-glass-depth-1) * -1));
	border: 1px solid rgba(255, 255, 255, 0.045);
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.08) inset,
		0 -1px 0 rgba(0, 0, 0, 0.14) inset,
		0 12px 24px rgba(0, 0, 0, 0.12);
	opacity: 0.95;
}

.mx-uicomponent-tilting::after {
	transform: translateZ(calc(var(--mx-glass-depth-2) * -1));
	border: 1px solid rgba(255, 255, 255, 0.03);
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.06) inset,
		0 -1px 0 rgba(0, 0, 0, 0.22) inset,
		0 20px 38px rgba(0, 0, 0, 0.18);
	opacity: 0.82;
}

.mx-uicomponent-tilting > :first-child {
	z-index: 1 !important;
	transform: translateZ(2px);
	backface-visibility: hidden;
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.12) inset,
		0 -1px 0 rgba(0, 0, 0, 0.10) inset,
		0 0 0 1px rgba(255, 255, 255, 0.05);
}

.mx-uicomponent-tilting > :last-child {
	z-index: 2 !important;
	transform-style: preserve-3d;
}

.mx-uicomponent-tilting:hover,
.mx-uicomponent-tilting:focus-within {
	z-index: 10;
	box-shadow:
		0 30px 70px rgba(0, 0, 0, 0.38),
		0 12px 24px rgba(0, 0, 0, 0.18),
		0 1px 0 rgba(255, 255, 255, 0.10) inset,
		0 0 0 1px rgba(255, 255, 255, 0.06) inset;
}





*/


















/*

.mx-uicomponent-tilting {
	--mx-glass-depth-1: 12px;
	--mx-glass-depth-2: 24px;
	position: relative;
	overflow: visible;
	transform-style: preserve-3d;
	transition: box-shadow 180ms cubic-bezier(.03,.98,.52,.99);
	box-shadow: 0 18px 42px rgba(0, 0, 0, 0.30), 0 8px 18px rgba(0, 0, 0, 0.14), 0 1px 0 rgba(255, 255, 255, 0.10) inset, 0 0 0 1px rgba(255, 255, 255, 0.06) inset;
}

	.mx-uicomponent-tilting::before,
	.mx-uicomponent-tilting::after {
		content: "";
		position: absolute;
		inset: 0;
		border-radius: inherit;
		background: transparent !important;
		pointer-events: none;
		backface-visibility: hidden;
	}

	.mx-uicomponent-tilting::before {
		transform: translateZ(calc(var(--mx-glass-depth-1) * -1));
		border: 1px solid rgba(255, 255, 255, 0.05);
		box-shadow: 0 1px 0 rgba(255, 255, 255, 0.08) inset, 0 0 0 1px rgba(255, 255, 255, 0.03) inset, 0 -1px 0 rgba(0, 0, 0, 0.16) inset, 0 12px 24px rgba(0, 0, 0, 0.14);
		opacity: 0.95;
	}

	.mx-uicomponent-tilting::after {
		transform: translateZ(calc(var(--mx-glass-depth-2) * -1));
		border: 1px solid rgba(255, 255, 255, 0.035);
		box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06) inset, 0 0 0 1px rgba(255, 255, 255, 0.02) inset, 0 -1px 0 rgba(0, 0, 0, 0.24) inset, 0 20px 38px rgba(0, 0, 0, 0.18);
		opacity: 0.80;
	}

	.mx-uicomponent-tilting:hover,
	.mx-uicomponent-tilting:focus-within {
		z-index: 10;
		box-shadow: 0 28px 64px rgba(0, 0, 0, 0.38), 0 12px 24px rgba(0, 0, 0, 0.18), 0 1px 0 rgba(255, 255, 255, 0.12) inset, 0 0 0 1px rgba(255, 255, 255, 0.07) inset;
	}


*/


/*



.mx-uicomponent-tilting {
	--mx-slab-1: 12px;
	--mx-slab-2: 24px;

	position: relative;
	overflow: visible;
	transform-style: preserve-3d;
	transition: box-shadow 180ms cubic-bezier(.03,.98,.52,.99);

	box-shadow:
		0 22px 54px rgba(0, 0, 0, 0.34),
		0 8px 18px rgba(0, 0, 0, 0.18),
		0 1px 0 rgba(255, 255, 255, 0.08) inset,
		0 0 0 1px rgba(255, 255, 255, 0.05) inset;
}

.mx-uicomponent-tilting::before,
.mx-uicomponent-tilting::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	pointer-events: none;
	backface-visibility: hidden;
}

.mx-uicomponent-tilting::before {
	transform: translateZ(calc(var(--mx-slab-1) * -1));
	background:
		linear-gradient(180deg,
			rgba(255, 255, 255, 0.05) 0%,
			rgba(255, 255, 255, 0.015) 28%,
			rgba(0, 0, 0, 0.10) 100%
		),
		rgba(10, 14, 24, 0.32);
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.05) inset,
		0 0 0 1px rgba(255, 255, 255, 0.03) inset,
		0 14px 30px rgba(0, 0, 0, 0.20);
}

.mx-uicomponent-tilting::after {
	transform: translateZ(calc(var(--mx-slab-2) * -1));
	background:
		linear-gradient(180deg,
			rgba(255, 255, 255, 0.035) 0%,
			rgba(255, 255, 255, 0.01) 30%,
			rgba(0, 0, 0, 0.16) 100%
		),
		rgba(6, 9, 16, 0.42);
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.04) inset,
		0 0 0 1px rgba(255, 255, 255, 0.025) inset,
		0 22px 44px rgba(0, 0, 0, 0.24);
}

.mx-uicomponent-tilting:hover,
.mx-uicomponent-tilting:focus-within {
	z-index: 10;
	box-shadow:
		0 30px 72px rgba(0, 0, 0, 0.40),
		0 12px 24px rgba(0, 0, 0, 0.22),
		0 1px 0 rgba(255, 255, 255, 0.10) inset,
		0 0 0 1px rgba(255, 255, 255, 0.06) inset;
}



*/




































/*


.mx-uicomponent-tilting {
	--mx-slab-1: 12px;
	--mx-slab-2: 24px;

	position: relative;
	overflow: visible;
	transform-style: preserve-3d;
	transition: box-shadow 180ms cubic-bezier(.03,.98,.52,.99);

	box-shadow:
		0 22px 54px rgba(0, 0, 0, 0.34),
		0 8px 18px rgba(0, 0, 0, 0.18),
		0 1px 0 rgba(255, 255, 255, 0.08) inset,
		0 0 0 1px rgba(255, 255, 255, 0.05) inset;
}

.mx-uicomponent-tilting::before,
.mx-uicomponent-tilting::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	pointer-events: none;
	backface-visibility: hidden;
}

.mx-uicomponent-tilting::before {
	transform: translateZ(calc(var(--mx-slab-1) * -1));
	background:
		linear-gradient(180deg,
			rgba(255, 255, 255, 0.05) 0%,
			rgba(255, 255, 255, 0.015) 28%,
			rgba(0, 0, 0, 0.10) 100%
		),
		rgba(10, 14, 24, 0.32);
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.05) inset,
		0 0 0 1px rgba(255, 255, 255, 0.03) inset,
		0 14px 30px rgba(0, 0, 0, 0.20);
}

.mx-uicomponent-tilting::after {
	transform: translateZ(calc(var(--mx-slab-2) * -1));
	background:
		linear-gradient(180deg,
			rgba(255, 255, 255, 0.035) 0%,
			rgba(255, 255, 255, 0.01) 30%,
			rgba(0, 0, 0, 0.16) 100%
		),
		rgba(6, 9, 16, 0.42);
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.04) inset,
		0 0 0 1px rgba(255, 255, 255, 0.025) inset,
		0 22px 44px rgba(0, 0, 0, 0.24);
}

.mx-uicomponent-tilting:hover,
.mx-uicomponent-tilting:focus-within {
	z-index: 10;
	box-shadow:
		0 30px 72px rgba(0, 0, 0, 0.40),
		0 12px 24px rgba(0, 0, 0, 0.22),
		0 1px 0 rgba(255, 255, 255, 0.10) inset,
		0 0 0 1px rgba(255, 255, 255, 0.06) inset;
}





*/










/*.mx-uicomponent-tilting {
	position: relative;
	overflow: visible;
	transform-style: preserve-3d;
	transition: box-shadow 180ms cubic-bezier(.03,.98,.52,.99);

	box-shadow:
		0 18px 42px rgba(0, 0, 0, 0.30),*/ /* main lift */
/*0 6px 14px rgba(0, 0, 0, 0.14),*/ /* secondary lift */

/*0 1px 0 rgba(255, 255, 255, 0.08) inset,*/ /* top glass edge */
/*0 0 0 1px rgba(255, 255, 255, 0.05) inset,*/ /* inner rim */

/*1px 1px 0 rgba(255, 255, 255, 0.03),*/ /* faint upper edge */
/*2px 2px 0 rgba(255, 255, 255, 0.015),

		3px 3px 0 rgba(0, 0, 0, 0.18),*/ /* thickness steps */
/*5px 5px 0 rgba(0, 0, 0, 0.12),
		7px 7px 0 rgba(0, 0, 0, 0.08),
		11px 11px 0 rgba(0, 0, 0, 0.06);
}

.mx-uicomponent-tilting:hover,
.mx-uicomponent-tilting:focus-within {
	z-index: 10;

	box-shadow:
		0 28px 64px rgba(0, 0, 0, 0.36),
		0 10px 22px rgba(0, 0, 0, 0.18),

		0 1px 0 rgba(255, 255, 255, 0.10) inset,
		0 0 0 1px rgba(255, 255, 255, 0.06) inset,

		1px 1px 0 rgba(255, 255, 255, 0.04),
		2px 2px 0 rgba(255, 255, 255, 0.02),

		4px 4px 0 rgba(0, 0, 0, 0.20),
		7px 7px 0 rgba(0, 0, 0, 0.14),
		10px 10px 0 rgba(0, 0, 0, 0.09),
		15px 15px 0 rgba(0, 0, 0, 0.06);
}*/





















/*.mx-uicomponent-tilting {
	overflow: visible;
	transform-style: preserve-3d;
	box-shadow:
		0 14px 32px rgba(0, 0, 0, 0.24),*/ /* main lift */
/*0 1px 0 rgba(255, 255, 255, 0.06) inset,*/ /* top sheen */
/*0 0 0 1px rgba(255, 255, 255, 0.04) inset,

		1px 1px 0 rgba(0, 0, 0, 0.16),
		2px 2px 0 rgba(0, 0, 0, 0.12),
		3px 3px 0 rgba(0, 0, 0, 0.08),
		4px 4px 0 rgba(0, 0, 0, 0.05),

		-1px -1px 0 rgba(255, 255, 255, 0.035),
		-2px -2px 0 rgba(255, 255, 255, 0.02);
}

.mx-uicomponent-tilting:hover {
	z-index: 10;
	box-shadow:
		0 24px 52px rgba(0, 0, 0, 0.32),
		0 1px 0 rgba(255, 255, 255, 0.07) inset,
		0 0 0 1px rgba(255, 255, 255, 0.05) inset,

		1px 1px 0 rgba(0, 0, 0, 0.18),
		2px 2px 0 rgba(0, 0, 0, 0.14),
		4px 4px 0 rgba(0, 0, 0, 0.10),
		6px 6px 0 rgba(0, 0, 0, 0.06),

		-1px -1px 0 rgba(255, 255, 255, 0.04),
		-2px -2px 0 rgba(255, 255, 255, 0.025);
}*/















/*.mx-uicomponent-tilting {
	--mx-thickness: 10px;

	overflow: visible;
	transform-style: preserve-3d;

	box-shadow:
		0 18px 40px rgba(0, 0, 0, 0.28),
		0 1px 0 rgba(255, 255, 255, 0.05) inset,
		0 0 0 1px rgba(255, 255, 255, 0.04) inset;
}

.mx-uicomponent-tilting::before,
.mx-uicomponent-tilting::after {
	content: "";
	position: absolute;
	pointer-events: none;
	z-index: 0;
}*/

/* right edge */
/*.mx-uicomponent-tilting::before {
	top: 0;
	right: calc(var(--mx-thickness) * -1);
	width: var(--mx-thickness);
	height: 100%;
	border-top-right-radius: inherit;
	border-bottom-right-radius: inherit;
	background: linear-gradient(to bottom, rgba(255,255,255,0.05), rgba(0,0,0,0.28));
	transform-origin: left center;
	transform: rotateY(90deg);
}*/

/* bottom edge */
/*.mx-uicomponent-tilting::after {
	left: 0;
	bottom: calc(var(--mx-thickness) * -1);
	width: 100%;
	height: var(--mx-thickness);
	border-bottom-left-radius: inherit;
	border-bottom-right-radius: inherit;
	background: linear-gradient(to right, rgba(255,255,255,0.03), rgba(0,0,0,0.32));
	transform-origin: center top;
	transform: rotateX(-90deg);
}

.mx-uicomponent-tilting:hover {
	z-index: 10;
}*/














/*

.mx-uicomponent-tilting {
	overflow: visible;
	box-shadow:
		0 12px 28px rgba(0, 0, 0, 0.24),
		0 1px 0 rgba(255, 255, 255, 0.05) inset,
		0 0 0 1px rgba(255, 255, 255, 0.04) inset,
		1px 1px 0 rgba(255, 255, 255, 0.03),
		2px 2px 0 rgba(0, 0, 0, 0.14),
		4px 4px 0 rgba(0, 0, 0, 0.10),
		6px 6px 0 rgba(0, 0, 0, 0.06);
}

.mx-uicomponent-tilting:hover {
	z-index: 10;
	box-shadow:
		0 24px 52px rgba(0, 0, 0, 0.34),
		0 1px 0 rgba(255, 255, 255, 0.06) inset,
		0 0 0 1px rgba(255, 255, 255, 0.05) inset,
		1px 1px 0 rgba(255, 255, 255, 0.04),
		2px 2px 0 rgba(0, 0, 0, 0.18),
		4px 4px 0 rgba(0, 0, 0, 0.14),
		6px 6px 0 rgba(0, 0, 0, 0.10),
		8px 8px 0 rgba(0, 0, 0, 0.06);
}









*/











/*
.mx-uicomponent-tilting:hover {
	z-index: 1;
}

*/

/*.mx-uicomponent-tilting:hover {
	z-index: 10;
	overflow: visible;
	box-shadow:
		0 24px 52px rgba(0, 0, 0, 0.34),*/ /* lift */
/*0 1px 0 rgba(255, 255, 255, 0.06) inset,
		0 0 0 1px rgba(255, 255, 255, 0.05) inset,
		1px 1px 0 rgba(255, 255, 255, 0.04),
		2px 2px 0 rgba(0, 0, 0, 0.18),
		4px 4px 0 rgba(0, 0, 0, 0.14),
		6px 6px 0 rgba(0, 0, 0, 0.10),
		8px 8px 0 rgba(0, 0, 0, 0.06);
}*/

/*
.mx-uicomponent-tilting {
	overflow: visible;
	box-shadow:
		0 26px 56px rgba(0, 0, 0, 0.36),
		0 1px 0 rgba(255, 255, 255, 0.06) inset,
		0 0 0 1px rgba(255, 255, 255, 0.05) inset,
		1px 1px 0 rgba(255, 255, 255, 0.04),
		2px 2px 0 rgba(0, 0, 0, 0.20),
		4px 4px 0 rgba(0, 0, 0, 0.16),
		6px 6px 0 rgba(0, 0, 0, 0.12),
		8px 8px 0 rgba(0, 0, 0, 0.09),
		10px 10px 0 rgba(0, 0, 0, 0.05);
}


*/