.material-symbols-outlined {
			font-size: 28px;
		}

		.acrylic {
			background: rgba(0, 0, 0, 0.5);
			-webkit-backdrop-filter: blur(10px);
			backdrop-filter: blur(10px);
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			z-index: 0;
		}

		body {
			margin: 0;
			font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
		}

		button {
			background-color: #216495;
			color: white;
			padding: 6px 12px;
			height: 40px;
			width: 85px;
			font-size: 16px;
			margin: 4px 0;
			border: 0;
			border-radius: 20px;
		}

		button:hover{
			background-color: #1b537a;
			cursor: pointer;
		}

		td {
			white-space: nowrap;
			padding: 5px 10px;
			border-bottom: 1px solid grey;
		}

		tr:hover {
			background-color: rgb(206 206, 206);
			cursor: pointer;
		}

		table {
			border-spacing: 0;
			text-align: center;
			width: 100%;
		}

		th {
			background-color: rgb(185, 185, 185);
			padding: 10px;
		}

		thead th:first-child {
			padding-left: 20px;
			border-top-left-radius: 10px;
			border-bottom-left-radius: 10px;
		}

		thead th:last-child {
			padding-right: 20px;
			border-top-right-radius: 10px;
			border-bottom-right-radius: 10px;
		}

		.center {
			margin-left: auto;
			margin-right: auto;
			width: fit-content;
		}

		.top {
			display: flex;
			gap: 30px;
			width: fit-content;
			margin-left: auto;
			margin-right: auto;
			flex-wrap: wrap;
		}

		.bottom h4 {
			margin-bottom: 10px;
		}

		.bottom p {
			margin-top: 5px;
		}

		.bottom {
			width: 60%;
			gap: 70px;
			margin-left: 20%;
		}

		.fab {
			position: fixed;
			bottom: 50px;
			right: 50px;
			width: 50px;
			height: 50px;
		}

		.fab button {
			width: 50px;
			height: 50px;
			border-radius: 30px;
			border: 0;
			font-size: 37px;
			color: white;
			background-color: #216495;
		}

		/* Table & Enum Colors */

		.top-row {
			width: 150px;
		}

		.cell-0 {
			background-color: rgb(0, 177, 0);
		}

		.cell-1 {
			background-color: rgb(96, 255, 96);
		}

		.cell-2 {
			background-color: yellow;
		}

		.cell-3 {
			background-color: rgb(255, 145, 0);
		}

		.cell-4 {
			background-color: red;
		}

		/* Risk Rating Colors */
		.cell-1rr {
			background-color: #92d050;
		}

		.cell-2rr {
			background-color: #00b050;
		}

		.cell-3rr {
			background-color: #ffc000;
		}

		.cell-4rr {
			background-color: #ffe699;
		}

		.cell-5rr {
			background-color: #c65911;
		}

		.cell-6rr {
			background-color: #8b3c0c;
			color: white;
		}

		.cell-7rr {
			background-color: #ff0000;
		}

		.cell-8rr {
			background-color: #c00000;
			color: white;
		}

		/* Risk Probability Colors */

		.cell-1rp {
			background-color: #00b5f2;
		}

		.cell-2rp {
			background-color: #0070c0;
		}

		.cell-3rp {
			background-color: #002060;
			color: white;
		}

		.cell-4rp {
			background-color: #7030a0;
			color: white;
		}

		/* Risk Impact Colors */
		.cell-1ri {
			background-color: #93d488;
		}

		.cell-2ri {
			background-color: #ffd966;
		}

		.cell-3ri {
			background-color: #bf8f00;
		}

		.cell-4ri {
			background-color: #ff0000;
			color: white;
		}

		.sveltekit {
			display: contents;
		}