.footerContainer.svelte-ciuz33 {
		flex-direction: row;
		gap: 16px;
		width: 100%;
		padding: 32px 8%;
		width: 100%;
		height: fit-content;
		min-height: 150px;

		> div:where(.svelte-ciuz33) {
			display: flex;
			flex-direction: column;
			gap: 16px;
		}
	}

	.dropdown.svelte-ionb87 {
		position: relative;
		z-index: 999;
	}
	.dropdown-menu-account.svelte-ionb87 {
		background-color: var(--bg-header);
		position: absolute;
		right: 0;
		top: 80px;
		color: var(--fg-header);
		border: 1px solid var(--fg-header-hover);
		/* offscreen by default */
		height: fit-content;
		opacity: 1;
		transition: left 0.3s ease-in-out;
		flex-direction: column;
		z-index: 999;
		min-width: 380px;
		min-height: 100vh;
	}

	li.navElement.svelte-ionb87 {
		display: flex;
		padding: 8px 16px;
	}

	li.navElement.svelte-ionb87 a:where(.svelte-ionb87) {
		flex-grow: 1;
		display: flex;
		flex-wrap: wrap;
		align-content: center;
		padding-left: 5%;
		color: var(--fg-header);
	}

	li.navElement.svelte-ionb87:hover,
	li.navElement.svelte-ionb87:hover button:where(.svelte-ionb87) {
		cursor: pointer;
		color: var(--fg-header-hover);
	}

	.navElement.svelte-ionb87 button:where(.svelte-ionb87) {
		margin: 0;
		padding: 0;
		background-color: transparent;
		color: var(--fg-header);
	}

	.upperNavBarContainer.svelte-ionb87 {
		background-color: var(--bg-header);
		color: var(--fg-header);
		display: flex;
		align-items: center;
		flex-grow: 1;
	}

	#navBar.svelte-ionb87 {
		height: 80px;
		display: flex;
		flex-direction: row;
		border-top: 0;
		margin-top: 0;
		margin-left: 0;
		position: sticky;
		width: 100%;
		z-index: 999;
	}

	#navBar.svelte-ionb87 > ul:where(.svelte-ionb87) > li:where(.svelte-ionb87) {
		outline: 0px solid var(--separator);
		outline-offset: 0px;
		transition-property: outline, outline-offset;
		transition: 0.25s ease-out;
		height: 100%;
		padding: 0;
	}
	#navBar.svelte-ionb87 > ul:where(.svelte-ionb87) > li:where(.svelte-ionb87):active {
		outline: 3px solid var(--alert-fg-2);
		outline-offset: -2px;
	}

	#navBar.svelte-ionb87 > ul:where(.svelte-ionb87) > li:where(.svelte-ionb87):hover,
	#navBar.svelte-ionb87 > ul:where(.svelte-ionb87) > li:where(.svelte-ionb87):focus {
		background-color: var(--bg-header-hover);
		color: var(--fg-header-hover);
		cursor: pointer;
		outline: 3px solid var(--separator);
		outline-offset: -2px;
		outline: none;
	}

	#navBar.svelte-ionb87 > ul:where(.svelte-ionb87) > li:where(.svelte-ionb87) > a:where(.svelte-ionb87) {
		color: var(--fg-header);
		display: flex;
		align-items: center;
		justify-content: center;
		height: 100%;
	}
	#navBar.svelte-ionb87 > ul:where(.svelte-ionb87) > li:where(.svelte-ionb87) > a:where(.svelte-ionb87) > img:where(.svelte-ionb87) {
		height: 60px;
	}

	button.svelte-ionb87 {
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 18px;
		height: 100%;
		flex-grow: 1;
		align-content: center;
		color: var(--fg-btn);
		font-weight: bold;
	}
	button.svelte-ionb87:focus {
		outline: none;
	}
	button.svelte-ionb87:hover {
		color: var(--fg-btn-hover);
	}

	header.svelte-76ru1s {
		background-color: var(--bg-header);
		color: var(--fg-header);
		height: fit-content;
	}

	main.svelte-76ru1s {
		display: flex;
		flex-direction: column;
		width: 100%;
		max-width: 100%;
		flex-basis: 10px;
		flex-grow: 1;
		overflow: hidden;
	}

	.footer.svelte-76ru1s {
		background-color: var(--bg-header);
		color: var(--fg-header);
		position: relative;
		text-align: center;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: flex;
	}

	a.section-button > svg, button.section-button > svg {
		fill: var(--fg-section);
		stroke: var(--fg-section);
	}

	a.section-button > svg:hover, button.section-button > svg:hover {
		fill: var(--fg-section-hover);
		stroke: var(--fg-section-hover);
	}

	/* Works on Firefox */
	* {
		scrollbar-width: initial;
		scrollbar-color: var(--separator);
	}

	/* Works on Chrome, Edge, and Safari */
	*::-webkit-scrollbar {
		height: 8px;
		width: 8px;
	}

	*::-webkit-scrollbar-corner {
		background-color: transparent;
	}

	*::-webkit-scrollbar-track {
		background: transparent;
	}

	*::-webkit-scrollbar-thumb {
		background-color: var(--separator);
		border-radius: 20px;
	}

	.action-buttons {
		display: inline-flex;
		justify-content: top;
		height: 42px;
	}
	.action-buttons button {
		background-color: transparent;
		font-size: 0.9rem;
		margin: 0 0.2em;
		padding: 0.3em;
		font-size: 1rem;
		line-height: 1rem;
		border-radius: 4px;
		font-weight: bold;
	}
	.action-buttons button svg {
		max-width: 1.2em;
		max-height: 1.2em;
		fill: var(--fg-header);
		stroke: var(--fg-header);
	}