:root {
	font-family: system-ui, sans-serif;
	font-weight: normal;  
	text-align: left;
	line-height: 1.0rem; 
	color: #000;
	background-color: #FFF;
	-webkit-tap-highlight-color: #999;
	-webkit-text-size-adjust: 100%;

/* root font based upon mobile screen size of 320px */
	font-size: 16px;
}

:root, [data-bs-theme="light"] {
	--blue: #010156;
	--black: #000;
	--indigo: #6812f3;
	--purple: #6f42c2;
	--pink: #e93f8e;
	--red: #a51f18;
	--orange: #fd7e17;
	--yellow: #ad6200;
	--green: #448344;
	--teal: #5abfdd;
	--cyan: #30638d;
	--white: #fff;
	--gray-100: #f9fafb;
	--gray-200: #eaedf0;
	--gray-300: #dfe3e7;
	--gray-400: #ced4da;
	--gray-500: #adb5bd;
	--gray-600: #6d757e;
	--gray-700: #484f56;
	--gray-800: #353b41;
	--gray-900: #22262a;
	--primary: #010156;
	--secondary: #6d757e;
	--success: #448344;
	--info: #30638d;
	--warning: #ad6200;
	--danger: #a51f18;
	--light: #f9fafb;
	--dark: #353b41;
	--primary-rgb: 1, 1, 86;
	--secondary-rgb: 109, 117, 126;
	--success-rgb: 68, 131, 68;
	--info-rgb: 48, 99, 141;
	--warning-rgb: 173, 98, 0;
	--danger-rgb: 165, 31, 24;
	--light-rgb: 249, 250, 251;
	--dark-rgb: 53, 59, 65;
	--primary-text-emphasis: #002;
	--secondary-text-emphasis: #2c2f32;
	--success-text-emphasis: #1b341b;
	--info-text-emphasis: #132838;
	--warning-text-emphasis: #452700;
	--danger-text-emphasis: #420c0a;
	--light-text-emphasis: #484f56;
	--dark-text-emphasis: #484f56;
	--primary-bg-subtle: #ccd;
	--secondary-bg-subtle: #e2e3e5;
	--success-bg-subtle: #dae6da;
	--info-bg-subtle: #d6e0e8;
	--warning-bg-subtle: #efe0cc;
	--danger-bg-subtle: #edd2d1;
	--light-bg-subtle: #fcfdfd;
	--dark-bg-subtle: #ced4da;
	--primary-border-subtle: #99b;
	--secondary-border-subtle: #c5c8cb;
	--success-border-subtle: #b4cdb4;
	--info-border-subtle: #acc1d1;
	--warning-border-subtle: #dec099;
	--danger-border-subtle: #dba5a3;
	--light-border-subtle: #eaedf0;
	--dark-border-subtle: #adb5bd;
	--white-rgb: 255, 255, 255;
	--black-rgb: 0, 0, 0;
	--font-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	--gradient: linear-gradient(180deg, #ffffff26, #fff0);
	--body-font-family: var(--feralphp-font-family-body, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
	--body-font-size: 1rem;
	--body-font-weight: 400;
	--body-line-height: 1.5;
	--body-color: #22262a;
	--body-color-rgb: 34, 38, 42;
	--body-bg: #fff;
	--body-bg-rgb: 255, 255, 255;
	--emphasis-color: #000;
	--emphasis-color-rgb: 0, 0, 0;
	--secondary-color: #22262abf;
	--secondary-color-rgb: 34, 38, 42;
	--secondary-bg: #eaedf0;
	--secondary-bg-rgb: 234, 237, 240;
	--tertiary-color: #22262a80;
	--tertiary-color-rgb: 34, 38, 42;
	--tertiary-bg: #f9fafb;
	--tertiary-bg-rgb: 249, 250, 251;
	--heading-color: inherit;
	--link-color: #224faa;
	--link-color-rgb: 34, 79, 170;
	--link-decoration: underline;
	--link-hover-color: #424077;
	--link-hover-color-rgb: 66, 64, 119;
	--code-color: #e93f8e;
	--highlight-color: #22262a;
	--highlight-bg: #fbeea8;
	--border-width: 1px;
	--border-style: solid;
	--border-color: #dfe3e7;
	--border-color-translucent: #0000002d;
	--border-radius: .25rem;
	--border-radius-sm: .2rem;
	--border-radius-lg: .3rem;
	--border-radius-xl: .3rem;
	--border-radius-xxl: 2rem;
	--border-radius-2xl: var(--border-radius-xxl);
	--border-radius-pill: 50rem;
	--box-shadow: 0 .5rem 1rem #00000026;
	--box-shadow-sm: 0 .125rem .25rem #00000013;
	--box-shadow-lg: 0 1rem 3rem #0000002d;
	--box-shadow-inset: inset 0 1px 2px #00000013;
	--focus-ring-width: .25rem;
	--focus-ring-opacity: .25;
	--focus-ring-color: #01015640;
	--form-valid-color: #448344;
	--form-valid-border-color: #448344;
	--form-invalid-color: #a51f18;
	--form-invalid-border-color: #a51f18;
}





/*--- Reduced Motion aletrations ---*/
@media (prefers-reduced-motion: no-preference) {
	:root { scroll-behavior: smooth; }
}

@media (prefers-reduced-motion: reduce) {
	.form-control { transition: none; }
	.form-control::file-selector-button { transition: none; }
	.form-select, .custom-select { transition: none; }
	.form-switch .form-check-input { transition: none; }
	.form-range::-webkit-slider-thumb { transition: none; }
	.form-range::-moz-range-thumb { transition: none; }
	.form-floating > label { transition: none; }
	.btn { transition: none; }
	.fade { transition: none; }
	.collapsing { transition: none; }
	.collapsing.collapse-horizontal { transition: none; }
	.nav-link { transition: none; }
	.navbar-toggler { transition: none; }
	.accordion-button { transition: none; }
	.accordion-button:after { transition: none; }
	.page-link { transition: none; }
	.progress-bar { transition: none; }
	.progress-bar-animated { animation: none; }
	.modal.fade .modal-dialog { transition: none; }
}





/*--- Dark Mode aletrations ---*/
@media (prefers-color-scheme: dark) {
	:root {
		background-color: #333;
	}
}





/*--- Screen Size aletrations ---*/
@media ( width > 390px ) { /* larger than an iPhone12 */
	:root {
		font-size: 18px;
	}
}

@media ( width > 428px ) { /* larger than an iPhone13 Pro Max */
	:root {
		font-size: 21px;
	}
}





/*--- Begin CSS ---*/
*, :before, :after { 
	box-sizing: border-box; 
}

body {
	min-height: 100vh;
	margin: initial;
}

hr {
	color: inherit;
	border: 0;
	border-top: 0.5rem solid;
	opacity: .25;
	margin: 1rem 0;
}

h6, .h6, 
h5, .h5, 
h4, .h4, 
h3, .h3, 
h2, .h2, 
h1, .h1 {
	color: #666;
	margin-top: 0;
	margin-bottom: .5rem;
	font-weight: 500;
	line-height: 1.2;
}

h1, .h1 { font-size: calc(1.375rem + 1.5vw); }

h2, .h2 { font-size: calc(1.325rem + .9vw); }

h3, .h3 { font-size: calc(1.3rem + .6vw); }

h4, .h4 { font-size: calc(1.275rem + .3vw); }

h5, .h5 { font-size: 1.25rem; }

h6, .h6 { font-size: 1rem; }

@media (width >= 1200px) {
	h1, .h1 { font-size: 2.5rem; }

	h2, .h2 { font-size: 2rem; }

	h3, .h3 { font-size: 1.75rem; }

	h4, .h4 { font-size: 1.5rem; }
}

p {
	margin-top: 0;
	margin-bottom: 1rem;
}

abbr[ title ] {
	cursor: help;
	text-decoration-skip-ink: none;
	text-decoration: underline dotted;
}

address {
	font-style: normal;
	line-height: inherit;
	margin-bottom: 1rem;
}

ol, ul {
	padding-left: 2rem;
}

ol, ul, dl {
	margin-top: 0;
	margin-bottom: 1rem;
}

ol ol, ul ul, ol ul, ul ol {
	margin-bottom: 0;
}

dt {
	font-weight: 700;
}

dd {
	margin-bottom: .5rem;
	margin-left: 0;
}

blockquote {
	margin: 0 0 1rem;
}

b, strong {
	font-weight: bolder;
}

mark, .mark {
	color: var(--highlight-color);
	background-color: var(--highlight-bg);
	padding: .1875em 0;
}

sub, sup {
	vertical-align: baseline;
	font-size: .75em;
	line-height: 0;
	position: relative;
}

sub {
	bottom: -.25em;
}

sup {
	top: -.5em;
}

a {
	color: rgba(var(--link-color-rgb), var(--link-opacity, 1));
	text-decoration: underline;
}

a:hover {
	--link-color-rgb: var(--link-hover-color-rgb);
}

a:not([href]):not([class]), a:not([href]):not([class]):hover {
	color: inherit;
	text-decoration: none;
}

pre, code, kbd, samp {
	font-family: var(--font-monospace);
	font-size: 1em;
}

pre {
	display: block;
	border: 0.5px solid #0CC;
	background: #CFF;
	color: #333;
	width: 100%;
	padding: 0.2rem;
	margin-top: 0;
	margin-bottom: 1rem;
	font-size: 0.75rem;
	text-align: left;
	overflow: auto;
}

pre code {
	font-size: inherit;
	color: inherit;
	word-break: normal;
}

code {
	color: var(--code-color);
	word-wrap: break-word;
	font-size: .875em;
}

a > code {
	color: inherit;
}

kbd {
	color: var(--body-bg);
	background-color: var(--body-color);
	border-radius: .2rem;
	padding: .1875rem .375rem;
	font-size: .875em;
}

kbd kbd {
	padding: 0;
	font-size: 1em;
}

img, svg {
	display: block;
	vertical-align: middle;
	max-width: 100%;
}

table {
	caption-side: bottom;
	border-collapse: collapse;
}

caption {
	color: var(--secondary-color);
	text-align: left;
	padding-top: .5rem;
	padding-bottom: .5rem;
}

th {
	text-align: inherit;
	text-align: -webkit-match-parent;
}

thead, tbody, tfoot, tr, td, th {
	border-color: inherit;
	border-style: solid;
	border-width: 0;
}

label {
	display: inline-block;
}

button {
	border-radius: 0;
}

button:focus:not(:focus-visible) {
	outline: 0;
}

input, button, select, optgroup, textarea {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	margin: 0;
}

button, select {
	text-transform: none;
}

[role="button"] {
	cursor: pointer;
}

select {
	word-wrap: normal;
}

select:disabled {
	opacity: 1;
}

[list]:not([type="date"]):not([type="datetime-local"]):not([type="month"]):not([type="week"]):not([type="time"])::-webkit-calendar-picker-indicator {
	display: none !important;
}

button, [type="button"], [type="reset"], [type="submit"] {
	-webkit-appearance: button;
}

button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) {
	cursor: pointer;
}

::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

textarea {
	resize: vertical;
}

fieldset {
	border: 0;
	min-width: 0;
	margin: 0;
	padding: 0;
}

legend {
	float: left;
	font-size: calc(1.275rem + .3vw);
	line-height: inherit;
	width: 100%;
	margin-bottom: .5rem;
	padding: 0;
}

legend + * {
	clear: left;
}

::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-year-field {
	padding: 0;
}

::-webkit-inner-spin-button {
	height: auto;
}

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

::-webkit-search-decoration {
	-webkit-appearance: none;
}

::-webkit-color-swatch-wrapper {
	padding: 0;
}

::file-selector-button {
	font: inherit;
	-webkit-appearance: button;
}

output {
	display: inline-block;
}

summary {
	cursor: pointer;
	display: list-item;
}

progress {
	vertical-align: baseline;
}

[hidden] {
	display: none !important;
}








@media (hover: hover){
	/*  can hover  */

	nav {
		display: flex;
	/*	gap: 1.5rem; */
	
		ul.menu {
			display: flex;
			gap: 1.5rem;
			list-style: none; }
	
		ul.menu li {
			position relative; }
	
		ul.menu li a {
			position relative;
			padding: 0.3rem 0.4rem; }
	
		li { border: 0.5px solid red; }
	
		li a {
			display: block;
			padding: 0.3rem 0.4rem; }
	
		li ul.submenu {
			display: none; 
			list-style: none; 
			z-index: 100; }
	
		li.active > ul.submenu {
			position absolute;
			background: white;
			display: flex;
			flex-direction: column; 
			margin-left: 1.0rem; }
	}


	.module.test {
		position: relative; 
	}

	/*  */
	.menu-wrap {
		z-index: 1; 

		.toggle {
			position: absolute; 
			top: 0;
			left: 0;
			z-index: 2; 
			cursor: pointer;
			width: 50px;
			height: 50px;
			opacity: 0;
		}
	
		.hamburg {
			position: absolute; 
			top: 0;
			left: 0;
			z-index: 1; 
			cursor: pointer;
			width: 1.5rem;
			height: 1.5rem;
			padding: 0.3rem;
			background: darkblue;
			display: flex;
			justify-content: center;
			align-items: center;
		}
	
		.hamburg > div {
			position: relative;
			width: 100%;
			height: 2px;
			background: white;
			display: flex;
			justify-content: center;
			align-items: center;
			z-index: 1;
			transition: all 0.4s ease;
		}
	
		.hamburg > div:before,
		.hamburg > div:after {
			content: '';
			position: absolute;
			width: 100%;
			height: 2px;
			top: -0.2rem;
			background: inherit;
		}
	
		.hamburg > div:after {
			top: .2rem;
		}
	
		.toggle:checked + .hamburg > div {
			transform: rotate( 135deg );
		}
	
		.toggle:checked + .hamburg > div:before,
		.toggle:checked + .hamburg > div:after {
			top: 0;
			transform: rotate( 90deg );
		}
	
		.toggle:checked:hover + .hamburg > div {
			transform: rotate( 225deg );
		}
	
		.menu {
			position: relative;
			top: 0;
			left: 0;
			width: 100%;
		/*	height: 1.5rem; */
			visibility: hidden;
			opacity: 0;
			display: flex;
			justify-content: space-between;
			align-items: center;
			font-size: 0.9rem;
			transition: all 0.4s ease;

			nav {
				height: 100%;
				z-index: 3;

				a {
					display: block;
					height: 100%;
					padding: 0.4rem 0.7rem;
					color: #FFF;
					text-decoration: none;
				}
	
				a:hover {
					background: rgba( 255, 255, 255, 0.2 );
					color: #FE6;
				}
			}

			nav.submenu {
				position: absolute;
				visibility: hidden;
				opacity: 0;
				top: 0;
				left: 0;
				flex-direction: column;
				z-index: 1;
			}

			nav > div:hover > nav.submenu {
				visibility: visible;
				opacity: 1;
				left: 100%;
				transition: all 0.4s ease;
			}
		}
	
	
		.menu nav > div {
			position: relative;
			background: purple;
			height: 100%;
			opacity: 1;
			transition: opacity 0.4s ease;
		}
	
		.menu nav.submenu > div {
			background: lightblue;
		}
	
		.toggle:checked ~ .menu {
			visibility: visible;
			opacity: 1;
			left: 1.6rem;
		}

		.toggle:checked ~ .menu > div {
			transition-duration: 0.4s;
		}
	}
}



@media (hover: none){
	/*  can NOT hover  */
}




















.blockquote {
	margin-bottom: 1rem;
	font-size: 1.25rem;
}

.blockquote > :last-child {
	margin-bottom: 0;
}

.blockquote-footer {
	color: #6d757e;
	margin-top: -1rem;
	margin-bottom: 1rem;
	font-size: .875em;
}

.blockquote-footer:before {
	content: "— ";
}

.figure {
	display: inline-block;
}

.figure-img {
	margin-bottom: .5rem;
	line-height: 1;
}

.figure-caption {
	font-size: .875em;
}

.table {
	vertical-align: top;
	width: 100%;
	margin-bottom: 1rem;
}

.table > :not(caption) > * > * {
	padding: .5rem;
}

.table > tbody {
	vertical-align: inherit;
}

.table > thead {
	vertical-align: bottom;
}

.fade {
	transition: opacity .15s linear;
}

.fade:not(.show) {
	opacity: 0;
}

.breadcrumb {
	--breadcrumb-padding-x: 0;
	--breadcrumb-padding-y: 0;
	--breadcrumb-margin-bottom: 1rem;
	--breadcrumb-bg: ;
	--breadcrumb-border-radius: ;
	--breadcrumb-divider-color: var(--secondary-color);
	--breadcrumb-item-padding-x: .5rem;
	--breadcrumb-item-active-color: #484f56;
	padding: var(--breadcrumb-padding-y) var(--breadcrumb-padding-x);
	margin-bottom: var(--breadcrumb-margin-bottom);
	font-size: var(--breadcrumb-font-size);
	background-color: var(--breadcrumb-bg);
	border-radius: var(--breadcrumb-border-radius);
	flex-wrap: wrap;
	list-style: none;
	display: flex;
}

.breadcrumb-item + .breadcrumb-item {
	padding-left: var(--breadcrumb-item-padding-x);
}

.breadcrumb-item + .breadcrumb-item:before {
	float: left;
	padding-right: var(--breadcrumb-item-padding-x);
	color: var(--breadcrumb-divider-color);
	content: var(--breadcrumb-divider, "/");
}

.breadcrumb-item.active {
	color: var(--breadcrumb-item-active-color);
}

.pagination {
	--pagination-padding-x: .75rem;
	--pagination-padding-y: .375rem;
	--pagination-font-size: 1rem;
	--pagination-color: var(--link-color);
	--pagination-bg: var(--body-bg);
	--pagination-border-width: var(--border-width);
	--pagination-border-color: var(--border-color);
	--pagination-border-radius: var(--border-radius);
	--pagination-hover-color: var(--link-hover-color);
	--pagination-hover-bg: var(--tertiary-bg);
	--pagination-hover-border-color: var(--border-color);
	--pagination-focus-color: var(--link-hover-color);
	--pagination-focus-bg: var(--secondary-bg);
	--pagination-focus-box-shadow: 0 0 0 .25rem #01015640;
	--pagination-active-color: #fff;
	--pagination-active-bg: #010156;
	--pagination-active-border-color: #010156;
	--pagination-disabled-color: var(--secondary-color);
	--pagination-disabled-bg: var(--secondary-bg);
	--pagination-disabled-border-color: var(--border-color);
	padding-left: 0;
	list-style: none;
	display: flex;
}

.page-link {
	padding: var(--pagination-padding-y) var(--pagination-padding-x);
	font-size: var(--pagination-font-size);
	color: var(--pagination-color);
	background-color: var(--pagination-bg);
	border: var(--pagination-border-width) solid var(--pagination-border-color);
	text-decoration: none;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	display: block;
	position: relative;
}

.page-link:hover {
	z-index: 2;
	color: var(--pagination-hover-color);
	background-color: var(--pagination-hover-bg);
	border-color: var(--pagination-hover-border-color);
}

.page-link:focus {
	z-index: 3;
	color: var(--pagination-focus-color);
	background-color: var(--pagination-focus-bg);
	box-shadow: var(--pagination-focus-box-shadow);
	outline: 0;
}

.page-link.active, .active > .page-link {
	z-index: 3;
	color: var(--pagination-active-color);
	background-color: var(--pagination-active-bg);
	border-color: var(--pagination-active-border-color);
}

.page-link.disabled, .disabled > .page-link {
	color: var(--pagination-disabled-color);
	pointer-events: none;
	background-color: var(--pagination-disabled-bg);
	border-color: var(--pagination-disabled-border-color);
}

.page-item:not(:first-child) .page-link {
	margin-left: calc(var(--border-width) * -1);
}

.page-item:first-child .page-link {
	border-top-left-radius: var(--pagination-border-radius);
	border-bottom-left-radius: var(--pagination-border-radius);
}

.page-item:last-child .page-link {
	border-top-right-radius: var(--pagination-border-radius);
	border-bottom-right-radius: var(--pagination-border-radius);
}

.pagination-lg {
	--pagination-padding-x: 1.5rem;
	--pagination-padding-y: .75rem;
	--pagination-font-size: 1.25rem;
	--pagination-border-radius: var(--border-radius-lg);
}

.pagination-sm {
	--pagination-padding-x: .5rem;
	--pagination-padding-y: .25rem;
	--pagination-font-size: .875rem;
	--pagination-border-radius: var(--border-radius-sm);
}

.badge {
	--badge-padding-x: .65em;
	--badge-padding-y: .35em;
	--badge-font-size: .75em;
	--badge-font-weight: 700;
	--badge-color: #fff;
	--badge-border-radius: var(--border-radius);
	padding: var(--badge-padding-y) var(--badge-padding-x);
	font-size: var(--badge-font-size);
	font-weight: var(--badge-font-weight);
	color: var(--badge-color);
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: var(--badge-border-radius);
	line-height: 1;
	display: inline-block;
}

.badge:empty {
	display: none;
}

.btn .badge {
	position: relative;
	top: -1px;
}

.alert {
	--alert-bg: transparent;
	--alert-padding-x: 1rem;
	--alert-padding-y: 1rem;
	--alert-margin-bottom: 1rem;
	--alert-color: inherit;
	--alert-border-color: transparent;
	--alert-border: var(--border-width) solid var(--alert-border-color);
	--alert-border-radius: var(--border-radius);
	--alert-link-color: inherit;
	padding: var(--alert-padding-y) var(--alert-padding-x);
	margin-bottom: var(--alert-margin-bottom);
	color: var(--alert-color);
	background-color: var(--alert-bg);
	border: var(--alert-border);
	border-radius: var(--alert-border-radius);
	position: relative;
}

.alert-heading {
	color: inherit;
}

.alert-link {
	color: var(--alert-link-color);
	font-weight: 700;
}

.alert-dismissible {
	padding-right: 3rem;
}

.alert-dismissible .btn-close {
	z-index: 2;
	padding: 1.25rem 1rem;
	position: absolute;
	top: 0;
	right: 0;
}

.alert-primary {
	--alert-color: var(--primary-text-emphasis);
	--alert-bg: var(--primary-bg-subtle);
	--alert-border-color: var(--primary-border-subtle);
	--alert-link-color: var(--primary-text-emphasis);
}

.alert-secondary {
	--alert-color: var(--secondary-text-emphasis);
	--alert-bg: var(--secondary-bg-subtle);
	--alert-border-color: var(--secondary-border-subtle);
	--alert-link-color: var(--secondary-text-emphasis);
}

.alert-success {
	--alert-color: var(--success-text-emphasis);
	--alert-bg: var(--success-bg-subtle);
	--alert-border-color: var(--success-border-subtle);
	--alert-link-color: var(--success-text-emphasis);
}

.alert-info {
	--alert-color: var(--info-text-emphasis);
	--alert-bg: var(--info-bg-subtle);
	--alert-border-color: var(--info-border-subtle);
	--alert-link-color: var(--info-text-emphasis);
}

.alert-warning {
	--alert-color: var(--warning-text-emphasis);
	--alert-bg: var(--warning-bg-subtle);
	--alert-border-color: var(--warning-border-subtle);
	--alert-link-color: var(--warning-text-emphasis);
}

.alert-danger {
	--alert-color: var(--danger-text-emphasis);
	--alert-bg: var(--danger-bg-subtle);
	--alert-border-color: var(--danger-border-subtle);
	--alert-link-color: var(--danger-text-emphasis);
}

.alert-light {
	--alert-color: var(--light-text-emphasis);
	--alert-bg: var(--light-bg-subtle);
	--alert-border-color: var(--light-border-subtle);
	--alert-link-color: var(--light-text-emphasis);
}

.alert-dark {
	--alert-color: var(--dark-text-emphasis);
	--alert-bg: var(--dark-bg-subtle);
	--alert-border-color: var(--dark-border-subtle);
	--alert-link-color: var(--dark-text-emphasis);
}

@keyframes progress-bar-stripes {
	0% { background-position-x: 1rem; }
}

.progress, .progress-stacked {
	--progress-height: 1rem;
	--progress-font-size: .75rem;
	--progress-bg: var(--secondary-bg);
	--progress-border-radius: var(--border-radius);
	--progress-box-shadow: var(--box-shadow-inset);
	--progress-bar-color: #fff;
	--progress-bar-bg: #010156;
	--progress-bar-transition: width .6s ease;
	height: var(--progress-height);
	font-size: var(--progress-font-size);
	background-color: var(--progress-bg);
	border-radius: var(--progress-border-radius);
	display: flex;
	overflow: hidden;
}

.progress-bar {
	color: var(--progress-bar-color);
	text-align: center;
	white-space: nowrap;
	background-color: var(--progress-bar-bg);
	transition: var(--progress-bar-transition);
	flex-direction: column;
	justify-content: center;
	display: flex;
	overflow: hidden;
}

.progress-bar-striped {
	background-image: linear-gradient(45deg, #ffffff26 25%, #0000 25% 50%, #ffffff26 50% 75%, #0000 75%, #0000);
	background-size: var(--progress-height) var(--progress-height);
}

.progress-stacked > .progress {
	overflow: visible;
}

.progress-stacked > .progress > .progress-bar {
	width: 100%;
}

.progress-bar-animated {
	animation: 1s linear infinite progress-bar-stripes;
}