:root {
	--color-front-50: #f6f7f8;
	--color-front-100: #eaecef;
	--color-front-200: #d9dde4;
	--color-front-300: #bfc7d1;
	--color-front-400: #98a2b3;
	--color-front-500: #8993a8;
	--color-front-600: #788098;
	--color-front-700: #6b718a;
	--color-front-800: #5b5e72;
	--color-front-900: #4b4f5d;
	--color-purple-50: #f0f1fd;
	--color-purple-100: #e3e6fc;
	--color-purple-200: #cdd1f8;
	--color-purple-300: #aeb2f3;
	--color-purple-400: #918eeb;
	--color-purple-500: #7d72e2;
	--color-purple-600: #6d57d4;
	--color-purple-700: #5e48ba;
	--color-purple-800: hsl(250, 36%, 16%);
	--color-purple-900: hsl(250, 36%, 10%);
	--color-primary: #108163;
	--color-primary-focus: #1570ef;
	--color-primary-content: #0f0b0b;
	--color-secondary: var(--color-purple-500);
	--color-secondary-focus: var(--color-purple-600);
	--color-secondary-content: #808080;
	--color-accent: var(--color-purple-500);
	--color-accent-focus: var(--color-purple-600);
	--color-accent-content: hsl(108, 63%, 38%);
	--color-neutral: #D9D9D9;
	--color-neutral-focus: var(--color-gray-100);
	--color-neutral-content: #385E67;
	--color-success: hsl(108, 63%, 38%);
	--color-success-focus: hsl(108, 63%, 30%);
	--color-success-content: hsl(108, 63%, 15%);
	--color-warning: var(--color-yellow-100);
	--color-warning-focus: var(--color-yellow-100);
	--color-warning-content: #385E67;
	--color-error: pink;
	--color-error-focus: pink;
	--color-error-content: red;
	--color-info: lightblue;
	--color-info-focus: lightblue;
	--color-info-content: hsl(108, 63%, 15%);
	--color-base-100: hsl(0, 0%, 0%);
	--color-base-200: #FFFFFF;
	--color-base-300: hsl(280, 18%, 97%);
	--color-base-content: #333333;
	--color-foreground: var(--color-front-900);
	--color-foreground-focus: var(--color-front-800);
	--color-foreground-content: var(--color-front-50);
	--color-background: var(--color-purple-900);
	--color-background-focus: var(--color-front-100);
	--color-background-content: var(--color-front-900);
}

/* @media (prefers-color-scheme: dark) {
  :root {
    --color-primary-bg: var(--color-purple-900);
    --color-primary: var(--color-front-100);
    --color-footer-bg: var(--color-purple-800)
  }
}

.dark {
  --color-primary-bg: var(--color-purple-900);
  --color-primary: var(--color-front-100);
  --color-footer-bg: var(--color-purple-800)
} */

html {
  overflow-x: hidden;
  font-family: Poppins, sans-serif;
  scroll-behavior: smooth;
  scroll-padding-top: 2rem;
  /*color-scheme: dark;*/

}


body {
	color: var(--color-base-content);
	background-color: var(--color-base-200);
	min-width: 23rem;
	font-size: 1rem;
	line-height: 1.5;
	display: flex;
}

main {
	display: flex;
  flex-direction: column;
  gap: 1rem;
}

h1,
h2,
h3,
h4,
h5,
h6 { letter-spacing: 0.025em; }

h1 {
	font-weight: 600;
	color: var(--color-primary-content); 
	font-size: 2.00rem;
	 line-height: 2.50rem; 
	text-align: center;
}

h2 {
  font-weight: 600;
  color: var(--color-secondary-content);
  font-size: 1.75rem;
  line-height: 2.50rem;
	text-align: center; 
}

h3 {
  font-weight: 600;
  color: var(--color-primary-content);
  font-size: 1.25rem;
  line-height: 1.75rem;
}

h4 {
	font-weight: 600;
	font-size: 1rem;
	line-height: 1.75rem;
}

p { letter-spacing: 0.005em; }

.bg-base-100 { background-color: var(--color-base-100); }

.bg-base-200 { background-color: var(--color-base-200); }

.bg-base-300 { background-color: var(--color-base-300); }



.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

.text-base-content { color: var(--color-base-content); }


.text-primary { color: var(--color-primary-content); }

.primary {
  color: var(--color-primary-content);
  background-color: var(--color-primary);
  border-color: var(--color-primary);
  outline-color: var(--color-primary);
}

.primary:hover, .primary:focus {
  background-color: var(--color-primary-focus);
  border-color: var(--color-primary-focus);
  outline-color: var(--color-primary-focus);
}

.text-secondary { color: var(--color-secondary-content); }

.secondary {
  color: var(--color-secondary-content);
  background-color: var(--color-secondary);
  border-color: var(--color-secondary);
  outline-color: var(--color-secondary);
}

.secondary:hover, .secondary:focus {
  background-color: var(--color-secondary-focus);
  border-color: var(--color-secondary-focus);
  outline-color: var(--color-secondary-focus);
}

.text-accent { color: var(--color-accent-content); }

.accent {
  color: var(--color-accent-content);
  background-color: var(--color-accent);
  border-color: var(--color-accent);
  outline-color: var(--color-accent);
}

.accent:hover, .accent:focus {
  background-color: var(--color-accent-focus);
  border-color: var(--color-accent-focus);
  outline-color: var(--color-accent-focus);
}

.text-neutral {
  color: var(--color-neutral-content);
}

.neutral {
  color: var(--color-neutral-content);
  background-color: var(--color-neutral);
  border-color: var(--color-neutral);
  outline-color: var(--color-neutral);
}

.neutral:hover, .neutral:focus {
  background-color: var(--color-neutral-focus);
  border-color: var(--color-neutral-focus);
  outline-color: var(--color-neutral-focus);
}

.text-warning {
	color: var(--color-warning-content);
}

.warning {
	color: var(--color-warning-content);
	background-color: var(--color-warning);
	border-color: var(--color-warning);
	outline-color: var(--color-warning);
}

.warning:hover, .warning:focus {
	background-color: var(--color-warning-focus);
	border-color: var(--color-warning-focus);
	outline-color: var(--color-warning-focus);
}


.text-info {
	color: var(--color-info-content);
}

.info {
	color: var(--color-info-content);
	background-color: var(--color-info);
	border-color: var(--color-info);
	outline-color: var(--color-info);
}

.info:hover, .info:focus {
	background-color: var(--color-info-focus);
	border-color: var(--color-info-focus);
	outline-color: var(--color-info-focus);
}

.text-error {
  color: var(--color-error-content);
}

.error {
  color: var(--color-error-content);
  background-color: var(--color-error);
  border-color: var(--color-error);
  outline-color: var(--color-error);
}

.error:hover, .error:focus {
  background-color: var(--color-error-focus);
  border-color: var(--color-error-focus);
  outline-color: var(--color-error-focus);
}

.text-success { color: var(--color-success-content); }

.success {
	color: var(--color-success-content);
	background-color: var(--color-success);
	border-color: var(--color-success);
	outline-color: var(--color-success);
}

.success:hover, .success:focus {
	background-color: var(--color-error-focus);
	border-color: var(--color-error-focus);
	outline-color: var(--color-error-focus);
}

h1:focus { outline: none; }

.valid.modified:not([type=checkbox]) { outline: 1px solid #26b050; }

.invalid { outline: 1px solid #e50190; }

.validation-message { color: #e50190; }

.blazor-error-boundary {
	background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
	padding: 1rem 1rem 1rem 3.7rem;
	color: white;
}

.blazor-error-boundary::after { content: "An error has occurred." }

.content-grid,
.full-width {
	--_padding-inline: var(--content-grid-padding-inline, 1rem);
	--_content-max-width: var(--content-grid-content-max-width, 50rem);
	--_breakout-max-width: var(--content-grid-breakout-max-width, 1200px);
	--_breakout-size: calc((var(--_breakout-max-width) - var(--_content-max-width)) / 2);
	--_content-size: calc(100% - (var(--_padding-inline) * 2));
	display: grid;
	grid-template-columns: 
	                     [full-width-start] minmax(var(--_padding-inline), 1fr)
	                     [content-start] min(var(--_content-size), var(--_content-max-width))
	                     [content-end] minmax(var(--_padding-inline), 1fr)
	                     [full-width-end];
}

.content-grid > :not(.breakout, .full-width),
.full-width > :not(.breakout, .full-width) {
	grid-column: content;
}

.content-grid > .breakout {
	grid-column: breakout;
}

.content-grid > .full-width {
	grid-column: full-width;
	display: grid;
	grid-template-columns: inherit;
}

/* TEMPLATED FIELDS */
.field-container {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	padding: 0.5rem;
}
.field-container.form-horizontal {
	flex-direction: row;
	flex-wrap: wrap;
}
.field-container > [data-field-role="label-container"],
.field-label { 
	color: var(--color-secondary-content); text-align: center; font-size: 1.5rem; font-weight: 600;
}
.field-container > [data-field-role="input-container"] {
  display: flex;
	
  gap: 0.5rem;
  align-items: center;
}
.field-container.input-as-content > [data-field-role="input-container"] {
	display: contents;
}
.field-container > [data-field-role="input-container"]:has(> input[type="checkbox"]) {
	justify-content: end;
	flex-grow: 1;
}
.field-container > [data-field-role="input-container"] span {
	color: var(--color-secondary-content); font-size: 1.5rem; 
 }
.field-container > [data-field-role="input-container"] > input,select {
	width: 100%;
	border-radius: 0.375rem; padding: 0.5rem; 
	border-width: 2px;
}
.field-container > [data-field-role="input-container"] > input:focus {
	outline: none;
	border-color: var(--color-secondary-content);
}
.field-container[data-is-error] > [data-field-role="input-container"] > input {
	border-color: var(--color-error-focus);
	outline: none;
	color: var(--color-error-content);
}
.field-container > [data-field-role="validation-container"] {
	color: var(--color-error-content); 
	font-size: small;
}
.field-container > [data-field-role="validation-container"] ul {
	color: var(--color-error-content);
	list-style: disc;
	list-style-position: inside;
}
.field-container input:user-invalid,
.field-container select:user-invalid {
	border-color: var(--color-error-focus);
}
.field-container input:user-valid,
.field-container select:user-valid {
	border-color: var(--color-success-focus);
}
form:invalid button[type="submit"] {
	/*pointer-events: none;*/
	opacity: 0.6;
}
.field-container > [data-field-role="description-container"] > span {
	color: var(--color-base-content);
	font-size: small;
}
.field-container > [data-field-role="description-container"] {
	display: contents;
}

/* BIG CHECK BOX */
.field-container.big-check-box > [data-field-role="input-container"] > input[type='checkbox'] {
	/*-webkit-appearance: none;*/
	width: 2rem;
	height: 2rem;
	background: white;
	border-radius: 5px;
	border: 2px solid gray;
}
.field-container.big-check-box > [data-field-role="input-container"] > input[type='checkbox']:checked {
	background: var(--color-success);
	border: 2px solid var(--color-success-content);
}

.form-centered-container {
	padding: 1.5rem;
  display: flex;
	justify-content: center;
}

button[type="submit"][disabled="disabled"] {
  opacity: 0.5;
	animation: none;
}

button[type="submit"]:hover {
	/*transform: rotate(-5deg);*/
  animation: button-animation 0.5s ease-in-out infinite alternate;
}
form:invalid button[type="submit"]:hover {
	animation: none;
}
@keyframes button-animation {
	100% { transform: rotate(-5deg) scale(1.1);  }
}

.final-value-input {
  text-align: center;
  font-size: 1.5rem;
  font-weight: 600;
	color: var(--color-neutral-content);
  background-color: var(--color-neutral);
}

/* LOADING */

.loading {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.loading-container {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 99999;
}

.contrast-container + .loading-container { border-radius: 1.5rem; }

/* BIG FORM */

.contrast-container {
	background-color: var(--color-neutral-100);
	color: var(--color-neutral-content);
	padding: 1.5rem;
	border-radius: 1.5rem;
	display: flex;
	flex-direction: column;
	gap: 1rem;
	/*align-items: center;*/
}

.quickgrid {
	width: 100%;
	font-family: monospace;
}

.col-justify-end {
	text-align: end;
}

.col-justify-center {
	text-align: center;
}

.col-justify-start {
	text-align: start;
}

.quickgrid tr:nth-child(even) td {
	background-color: var(--color-gray-300);
}

.quickgrid tr:nth-child(odd) td {
	background-color: var(--color-gray-100);
}

.quickgrid tr:nth-child(even) .readonly-input {
	background-color: var(--color-gray-300);
}

.quickgrid tr:nth-child(odd) .readonly-input {
	background-color: var(--color-gray-100);
}

.quickgrid td.sticky {
	left: 0;
	z-index: 100;
}

.quickgrid th.sticky {
	left: 0;
	z-index: 900;
}

.quickgrid > thead > tr > th {
	font-weight: bold;
	position: sticky;
	top: 0;
	background-color: white;
	color: #3f646c;
}

.quickgrid td {
	white-space: nowrap;
	padding: 0.5rem;
}

.table-scroll-container {
	overflow: auto;
	max-height: 65svh;
	min-height: 15svh;
}

.one-line-form {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 2rem;
	align-items: center;
	padding-block: 0.5rem;
	padding-inline: 1rem;
}


/* BUTTONS */
.btn {
  display: inline-block;
	font-weight: 600;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	user-select: none;
	border: 2px solid;
	padding: 0.5rem 1rem;
	font-size: 1rem;
	line-height: 1.5;
	border-radius: 0.375rem;
}

.btn-primary {
	border: 3px solid;
	border-color: var(--color-primary);
	background-color: #fcfcfc;
	color: var(--color-primary);
	border-radius: 50px;
}

.btn-secondary {
	background-color: #279e44;
	color: #fcfcfc;
	border-radius: 50px;
}

.bi {
	display: inline-block;
	position: relative;
	width: 1.25rem;
	height: 1.25rem;
	margin-right: 0.75rem;
	top: -1px;
	background-size: cover;
}

.bi-loading {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="350" height="350" fill="%23dedede" viewBox="0 0 94.541 102.822"><path id="Union_62" data-name="Union 62" d="M19.929,92.893A49.777,49.777,0,0,1,7.7,78.079a3.946,3.946,0,0,1-4.984,1.99,4.755,4.755,0,0,1-2.462-5.9L3.407,64.6c0-.015.011-.029.015-.043.014-.041.031-.082.046-.123.033-.089.068-.177.105-.263.016-.039.034-.076.051-.113.043-.092.088-.181.136-.267l.048-.087c.062-.108.127-.212.2-.312l.016-.024c.077-.111.158-.217.243-.319.018-.022.038-.041.056-.062.065-.075.132-.148.2-.218.032-.032.066-.064.1-.1.061-.058.123-.112.187-.166.036-.031.072-.061.109-.09.1-.075.194-.146.293-.211l.08-.048c.084-.051.169-.1.256-.144.037-.02.075-.038.113-.056.088-.042.178-.081.269-.116.021-.008.04-.019.06-.026l.031-.01c.068-.024.139-.046.209-.067.034-.011.069-.022.1-.032.075-.02.149-.035.225-.05.031-.006.062-.014.094-.02.081-.014.162-.024.244-.033.025,0,.05-.007.076-.009.105-.01.212-.014.319-.014h0c.114,0,.228.006.34.016.033,0,.066.009.1.014.081.01.162.02.242.035.038.007.077.017.115.025.076.016.15.034.224.056.04.011.079.024.119.037.073.023.146.049.219.076l.062.022,8.61,3.5a4.757,4.757,0,0,1,2.463,5.9,4.11,4.11,0,0,1-4.495,2.968,40.787,40.787,0,0,0,9.531,11.249,34.93,34.93,0,0,0,44.86,0A42.074,42.074,0,0,0,83.288,64.732a4.059,4.059,0,0,1,5.227-2.916,4.729,4.729,0,0,1,2.624,5.811A51.236,51.236,0,0,1,74.575,92.893a42.542,42.542,0,0,1-54.646,0ZM19.3,51.418A27.834,27.834,0,1,1,47.133,79.08,27.748,27.748,0,0,1,19.3,51.418ZM6.032,41.016A4.729,4.729,0,0,1,3.409,35.2,51.234,51.234,0,0,1,19.973,9.939a42.541,42.541,0,0,1,54.645,0A49.78,49.78,0,0,1,86.845,24.752a3.946,3.946,0,0,1,4.984-1.99,4.756,4.756,0,0,1,2.462,5.9L91.14,38.233l-.016.042c-.013.041-.031.083-.046.124-.032.089-.067.176-.1.262-.016.039-.034.076-.051.113-.043.092-.088.181-.136.268l-.048.087c-.062.107-.127.212-.2.311l-.015.024c-.076.111-.158.217-.244.319-.017.022-.037.041-.055.062-.066.076-.133.149-.2.218-.032.032-.066.064-.1.1-.061.058-.124.112-.187.166-.036.031-.072.061-.109.09-.1.075-.194.146-.294.211-.026.017-.053.032-.08.048-.084.051-.168.1-.255.144-.037.02-.075.038-.113.056q-.132.063-.27.116c-.02.008-.04.019-.059.026l-.032.01c-.068.025-.139.046-.209.067-.035.011-.069.022-.1.031-.074.02-.148.036-.224.05l-.094.021c-.081.014-.163.023-.244.032-.026,0-.051.007-.076.009-.106.01-.212.014-.32.014s-.228-.005-.34-.016c-.033,0-.067-.009-.1-.013-.081-.011-.162-.021-.242-.036-.038-.007-.076-.017-.115-.025-.076-.016-.15-.034-.225-.056-.039-.011-.078-.024-.118-.036-.074-.024-.147-.049-.219-.077l-.062-.022-8.611-3.5a4.757,4.757,0,0,1-2.462-5.9A4.11,4.11,0,0,1,79.257,28.6a40.8,40.8,0,0,0-9.531-11.249,34.931,34.931,0,0,0-44.861,0A42.086,42.086,0,0,0,11.259,38.1a4.2,4.2,0,0,1-3.924,3.151A3.76,3.76,0,0,1,6.032,41.016Z" transform="translate(-0.003 -0.004)" /></svg>')
}

.bi-saving {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="27" height="20.146" fill="%230f7e6e" viewBox="0 0 27 20.146"><path id="ic_savings" d="M26.195,4.154a.419.419,0,0,1,.582.118h0a1.57,1.57,0,0,1-.513,2.134,3.205,3.205,0,0,1-.591.374,2.773,2.773,0,0,1-1.764,1.782,5.923,5.923,0,0,1,.23,1.412,7.739,7.739,0,0,1-2.706,6.058,12.216,12.216,0,0,1-.78,3.713,1.4,1.4,0,0,1-1.3.893H16.887a1.4,1.4,0,0,1-1.39-1.548l.055-.51a16.606,16.606,0,0,1-4.659-.035v.695a1.4,1.4,0,0,1-1.4,1.4H6.7a1.393,1.393,0,0,1-1.218-.711,1.462,1.462,0,0,1-.112-1.119L5.963,16.7a7.833,7.833,0,0,1-2.156-2.187.4.4,0,0,0-.336-.187A6.442,6.442,0,0,1,2.023,14.1a1.208,1.208,0,0,1-.688-.488A8.821,8.821,0,0,1,0,9.012a1.078,1.078,0,0,1,.931-1.09l1.874-.26A.247.247,0,0,0,3,7.527,7.021,7.021,0,0,1,5.362,4.7a.2.2,0,0,0,.082-.146.187.187,0,0,0-.056-.148A4.46,4.46,0,0,1,4.021,1.476.83.83,0,0,1,4.7.618a8.436,8.436,0,0,1,6.6,1.567.214.214,0,0,0,.167.047c.357-.057.708-.1,1.053-.125a.42.42,0,0,1,.066,0,11.316,11.316,0,0,1,3.31.178,11.159,11.159,0,0,1,3.277,1.152,9.347,9.347,0,0,1,4.451,4.336,2.331,2.331,0,0,0,1.046-.781,1.531,1.531,0,0,1-1.261-.818.972.972,0,0,1,.138-1.052,1.192,1.192,0,0,1,1.17-.494c.266.056.744.282.948,1.16v0l0,.012.077-.058c.65-.51.344-.989.33-1.009A.42.42,0,0,1,26.195,4.154ZM6.252,7.34a1,1,0,1,0,1-1A1,1,0,0,0,6.252,7.34Zm17.9-1.557a.688.688,0,0,0,.468.357.822.822,0,0,0,.259.011,1.535,1.535,0,0,0-.03-.172c-.039-.165-.146-.531-.343-.531a.17.17,0,0,0-.038,0C24.278,5.495,24.138,5.716,24.152,5.784Z" transform="translate(0 -0.492)"  fill-rule="evenodd"/></svg>')
}

.bi-information {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23ff9914" class="bi bi-info-circle" viewBox="0 0 16 16"><path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16"/><path d="m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0"/></svg>')
}

.bi-box-arrow-in-right {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="black" class="bi bi-box-arrow-right" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M10 12.5a.5.5 0 0 1-.5.5h-8a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h8a.5.5 0 0 1 .5.5v2a.5.5 0 0 0 1 0v-2A1.5 1.5 0 0 0 9.5 2h-8A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h8a1.5 1.5 0 0 0 1.5-1.5v-2a.5.5 0 0 0-1 0z"/><path fill-rule="evenodd" d="M15.854 8.354a.5.5 0 0 0 0-.708l-3-3a.5.5 0 0 0-.708.708L14.293 7.5H5.5a.5.5 0 0 0 0 1h8.793l-2.147 2.146a.5.5 0 0 0 .708.708z"/></svg>')
}

svg.loading-icon {
	width: 200px;
	height: 200px;
}


@media (max-width: 992px) {
	h1 {
		font-size: 1.75rem;
	}

	svg.loading-icon {
		width: 150px;
		height: 150px;
	}
}

caption {
	text-align: start;
	font-weight: 600;
	background-color: rgb(145 145 145);
	color: white;
}

@media (max-width: 650px) {
	th {
		display: none;
	}

	td {
		display: grid;
		grid-template-columns: 15ch auto;
		padding: 0.5rem 1rem;
	}

		td::before {
			content: attr(data-cell) ": ";
			font-weight: 700;
			text-transform: capitalize;
		}
}