.blackNavyGradient {
	background-color: #312323;
	background-color: var(--black1, #312323);
	background-image: none;
}

.dropDepth--1 {
	box-shadow:
		0 1px 3px 0 rgba(0, 0, 0, 0.2),
		0 1px 1px 0 rgba(0, 0, 0, 0.14),
		0 2px 1px -1px rgba(0, 0, 0, 0.12);
 }

.dropDepth--2 {
	box-shadow:
		0 1px 5px 0 rgba(0, 0, 0, 0.2),
		0 2px 2px 0 rgba(0, 0, 0, 0.14),
		0 3px 1px -2px rgba(0, 0, 0, 0.12);
}

.dropDepth--3 {
	box-shadow:
		0 1px 8px 0 rgba(0, 0, 0, 0.2),
		0 3px 4px 0 rgba(0, 0, 0, 0.14),
		0 3px 3px -2px rgba(0, 0, 0, 0.12);
}

.dropDepth--4 {
	box-shadow:
		0 2px 4px -1px rgba(0, 0, 0, 0.2),
		0 4px 5px 0 rgba(0, 0, 0, 0.14),
		0 1px 10 0 rgba(0, 0, 0, 0.12);
}

.dropDepth--5 {
	box-shadow:
		0 2px 4px -1px rgba(0, 0, 0, 0.2),
		0 4px 5px 0 rgba(0, 0, 0, 0.14),
		0 1px 10 0 rgba(0, 0, 0, 0.12);
}

.Stack {
	display: flex;
	flex-flow: column nowrap;
	gap: var(--Stack-gap, 1em);
}

.Stack.Stack--rhythm {
	--Stack-gap: var(--Rhythm-gap);
}

[data-before-content]::before {
	content: attr(data-before-content);
}

[data-after-content]::after {
	content: attr(data-after-content);
}

.displayContents {
	display: contents;
}

.srOnly {
   overflow: hidden !important;
   position: absolute !important;
   width: 1px !important;
   height: 1px !important;
   padding: 0 !important;
   border: none !important;
   -webkit-clip-path: inset(50%) !important;
   clip-path: inset(50%) !important;
}

.visuallyHidden,
.visuallyHidden--focusable:not(:focus):not(:focus-within) {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}