/* _System (261027_175440) */

/* _System - Sign In | 261028_v41 */

	.system-block-signin-hero {
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
		width: 100%;
	}

	.system-block-signin-hero {position:relative;isolation:isolate;overflow:visible;background-image:none!important;}
	.system-block-signin-hero::before,.system-block-signin-hero::after {content:none!important;display:none!important;}
	.system-block-signin-hero .signin-hero-media {position:absolute;top:0;right:0;bottom:-60px;left:0;z-index:0;overflow:hidden;pointer-events:none;}
	.system-block-signin-hero > .container {position:relative;z-index:2;}
	.system-block-signin-hero .signin-hero-slide {position:absolute;inset:0;opacity:0;background-repeat:no-repeat;background-position:center top;background-size:100% auto;transform-origin:center top;transition:opacity 2s ease;will-change:opacity,transform;transform:scale(1.00) translate3d(0,var(--signin-scroll,0px),0);}
	.system-block-signin-hero .signin-hero-slide.is-active {opacity:1;}
	.system-block-signin-hero .signin-hero-slide.is-animating {animation:signinKenBurns 14s linear both;}
	.system-block-signin-hero .signin-hero-media > .signin-hero-overlay {position:absolute!important;inset:0!important;display:block!important;z-index:10!important;opacity:1!important;pointer-events:none!important;transform:none!important;animation:none!important;mix-blend-mode:normal!important;}
	.system-block-signin-hero .signin-hero-slide.is-leaving {opacity:0;}
	@keyframes signinKenBurns {from{transform:scale(1.00) translate3d(0,var(--signin-scroll,0px),0)}to{transform:scale(1.05) translate3d(0,var(--signin-scroll,0px),0)}}
	@media(max-width:1399.98px){.system-block-signin-hero .signin-hero-slide{background-size:cover;}}
	@media(prefers-reduced-motion:reduce){.system-block-signin-hero .signin-hero-slide{animation:none!important;transition:none!important;transform:none!important;}}

	/* Logo height is applied directly to the image; the link and heading follow its natural box. */
	.system-block-signin-hero {--signin-card-overlap:90px;}
	.system-block-signin-hero > .container {padding-bottom:calc(45px + var(--signin-card-overlap))!important;}
	.system-block-signin-hero .signin-heading-stack {display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:45px!important;}
	.system-block-signin-hero h1 {margin:0!important;padding:0!important;line-height:1!important;flex:0 0 auto!important;}
	.system-block-signin-hero h1 a {display:block!important;position:relative!important;height:auto!important;overflow:visible!important;line-height:0!important;}
	.system-block-signin-hero .signin-logo {display:block!important;max-width:none!important;max-height:none!important;padding:0!important;margin:0!important;object-fit:contain;object-position:top center;flex:none!important;}
	.system-block-signin-hero nav[aria-label="breadcrumb"] {display:block!important;margin:0!important;padding:0!important;}
	.system-block-signin-hero .breadcrumb {margin-bottom:0!important;}
	/* Sign In breadcrumb: Figtree text only; retain original weight and icon font. */
	.system-block-signin-hero .breadcrumb,
	.system-block-signin-hero .breadcrumb-item,
	.system-block-signin-hero .breadcrumb-item a {
		font-family: 'Figtree', sans-serif !important;
	}
	.system-block-signin-hero .breadcrumb-item i.uil {
		font-family: 'Unicons' !important;
	}

	/* Extend the hero image 60px farther behind the overlapping card, without moving the card. */
	.system-signin-content {position:relative;z-index:3;margin-top:0!important;padding-top:0!important;}
	.system-signin-content > .signin-content-container {padding-top:0!important;margin-top:0!important;}
	.system-signin-content .signin-card-column {margin-top:-90px!important;}

	.system-signin-content {padding-bottom:90px!important;}
	.system-signin-content > .signin-content-container {padding-bottom:0!important;}
	@media(max-width:767.98px){.system-signin-content {padding-bottom:45px!important;}}

	/* Match the Home icon to the active Sign in breadcrumb text. */
	.system-block-signin-hero .breadcrumb-item a,
	.system-block-signin-hero .breadcrumb-item a:hover,
	.system-block-signin-hero .breadcrumb-item a:focus {
		color: inherit !important;
	}
