@charset "UTF-8";
/* CSS Document */

.errorStack {
	margin-right: 18px;
}

.errorNumber {
	font-size: 5em;
	font-weight: 600;
	margin-right: 18px;
	color: var(--POSSubtle);
}

.errorClassIcon {
    width: 48px;
    height: 48px;
	padding-top: 9px;
    margin-right: 18px;
    fill: var(--POSSubtle);
}

.errorMessage {
	padding-right: 18px;
}

.errorMessage a {
	text-decoration: none;
	color: var(--actionBlue);
}

.errorMessage a:hover {
	text-decoration: underline;
}



/* Sub-1023 Breakpoints (Supporting bodyFlexBoard) */
@media only screen and (max-width: 1023px) {
	
	.errorStack {
		
	}
	
	
	.errorMessage {
		padding-right: 0px;
		text-align: center;
	}
	
	.errorClassIcon {
		margin-right: 0px;
	}
	
}


/* Small Tablet, Landscape Phone Breakpoints*/
@media only screen and (max-width: 760px) {
	
	
}

/* Specific to Phone */
/*@media only screen and (max-width: 420px) {*/
@media only screen and (max-width: 720px) {
	
	.errorStack {
		margin-right: 0px;
		text-align: center;
	}
}

/* Specific to non-XL Phone */
@media only screen and (max-width: 391px) {
	
	
}

/* Specific to Old SE-sized Phone */
@media only screen and (max-width: 369px) {
	
	
	
}



@media (prefers-color-scheme: dark) {
	
	.errorNumber {
		color: var(--errorRedD);
	}
	
	.errorClassIcon {
		fill: var(--POSSubtleD);
	}
	
}