	<style type="text/css">
		img[onload^="SVGInject("] {
			visibility: hidden;
		}
	</style>

	<style id="svelte-snmgcj-style">
		:root {
			--filter-text-size: 1rem;
			--filter-text-size-phone: 0.9rem
		}

		@media only screen and (max-width: 1000px) {}

		#root.svelte-snmgcj {
			position: relative;
			top: 120px;
			left: 0;
			width: 100vw;
			bottom: 0;
			overflow: hidden;
			height: calc(100vh - 120px)
		}

		@media only screen and (max-width: 1000px) {
			#root.svelte-snmgcj {
				width: 100%;
				top: 68px;
				height: calc(100vh - 68px);
			}
		}
	</style>
	<style id="svelte-18ezuyb-style">
		.loaderContainer.svelte-18ezuyb.svelte-18ezuyb {
			width: 100%;
			height: 100%;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center
		}

		.loaderContainer.svelte-18ezuyb h2.svelte-18ezuyb {
			font-family: "Ysabeau";
			font-weight: 400
		}

		.loadingCircuit {
			max-width: 250px;
			max-height: 250px
		}

		.loadingCircuit g {
			transition: opacity 0.3s ease
		}
	</style>
	<style id="svelte-rx1udy-style">
		:root {
			--filter-text-size: 1rem;
			--filter-text-size-phone: 0.9rem
		}

		@media only screen and (max-width: 1000px) {}

		.linkwrapper.svelte-rx1udy.svelte-rx1udy {
			position: relative;
			box-sizing: border-box;
			width: 100%;
			display: inline-block;
			text-decoration: none;
			color: black
		}

		.flex.svelte-rx1udy.svelte-rx1udy {
			display: flex;
			flex-direction: row;
			align-items: center
		}

		#homeMenu.svelte-rx1udy.svelte-rx1udy {
			width: 90%;
			position: absolute;
			top: 0;
			bottom: 0;
			left: 5%;
			overflow: hidden;
			display: flex;
			align-items: center
		}

		#homeMenu.svelte-rx1udy #homeMenuInner.svelte-rx1udy {
			width: 100%;
			display: grid
		}

		#pageSidebarMenu.svelte-rx1udy.svelte-rx1udy {
			position: fixed;
			overflow: visible;
			left: 30px;
			width: 20vw;
			top: 155px
		}

		#pageSidebarMenu.svelte-rx1udy .linkwrapper.svelte-rx1udy {
			max-width: unset;
			width: 100%
		}

		#pageSidebarMenu.svelte-rx1udy>.linkwrapper.svelte-rx1udy {
			position: absolute
		}

		@media only screen and (min-width: 1000px) {
			#homeMenu.svelte-rx1udy.svelte-rx1udy {
				bottom: 15px
			}

			#homeMenuInner.svelte-rx1udy.svelte-rx1udy {
				grid-template-columns: 1fr 1fr 1fr
			}

			.linkwrapper.svelte-rx1udy.svelte-rx1udy {
				height: calc(44vh - 44px)
			}
		}

		@media only screen and (max-width: 1000px) {
			#homeMenuInner.svelte-rx1udy.svelte-rx1udy {
				grid-template-columns: 1fr 1fr
			}

			.linkwrapper.svelte-rx1udy.svelte-rx1udy {
				height: calc(28vh - 28px);
				width: 100%;
				max-width: unset
			}

			#pageSidebarMenu.svelte-rx1udy.svelte-rx1udy {
				background-color: rgba(250, 250, 250, 0.95);
				border: 2px solid var(--pageColor);
				box-sizing: border-box;
				position: fixed;
				top: 90px;
				left: 100%;
				width: 94vw;
				padding: 0 6vw 0 10vw;
				overflow: hidden;
				transition: left 1s ease;
				z-index: 4;
				padding-bottom: 20px
			}

			#pageSidebarMenu.menuShow.svelte-rx1udy.svelte-rx1udy {
				left: 3vw
			}

			.tabContainer.svelte-rx1udy.svelte-rx1udy {
				position: fixed;
				right: 4rem;
				top: 0;
				height: 68px;
				display: flex;
				align-items: center;
				z-index: 10
			}

			.tab.svelte-rx1udy.svelte-rx1udy {
				height: 30px;
				box-sizing: border-box;
				width: 30px;
				padding-left: 7px;
				text-align: left;
				background-color: var(--pageColor);
				opacity: 1;
				font-family: "Work Sans", Helvetica;
				font-weight: 600;
				color: white;
				display: flex;
				align-items: center;
				z-index: 10
			}

			.tab.svelte-rx1udy svg.svelte-rx1udy {
				height: 15px;
				width: 15px;
				transform: rotate(180deg);
				transition: transform 0.5s ease
			}

			.tab.svelte-rx1udy.svelte-rx1udy:hover {
				cursor: pointer
			}
		}
	</style>
	<style id="svelte-1vthg9x-style">
		:root {
			--filter-text-size: 1rem;
			--filter-text-size-phone: 0.9rem
		}

		.sectionTitle.svelte-1vthg9x.svelte-1vthg9x {
			color: var(--pageColor);
			font-family: "Ysabeau";
			font-size: 2.75rem;
			font-weight: bold;
			margin-bottom: 1.1rem;
			margin-top: 5rem
		}

		.sectionTitle.sub.svelte-1vthg9x.svelte-1vthg9x {
			color: var(--pageColor);
			font-size: 2rem
		}

		@media only screen and (max-width: 1000px) {
			.sectionTitle.svelte-1vthg9x.svelte-1vthg9x {
				font-size: 2.2rem;
				margin-top: 3rem;
				line-height: 2.5rem
			}

			.sectionTitle.sub.svelte-1vthg9x.svelte-1vthg9x {
				font-size: 1.9rem
			}
		}

		.circuit.svelte-1vthg9x.svelte-1vthg9x {
			width: 100%;
			text-decoration: none;
			color: black;
			display: flex !important;
			align-items: center;
			justify-items: center;
			flex-direction: column
		}

		.circuit.svelte-1vthg9x.svelte-1vthg9x:hover {
			cursor: pointer
		}

		.title.svelte-1vthg9x.svelte-1vthg9x {
			margin: 0 0 0.5rem 0;
			width: 100%;
			text-align: center;
			font-size: 1.8em;
			font-family: Ysabeau
		}

		.sectionsSvg.svelte-1vthg9x.svelte-1vthg9x {
			position: absolute
		}

		.inputSection.svelte-1vthg9x.svelte-1vthg9x {
			margin: 20px 0
		}

		.sectionsSvg g:not([id^="active--inject-"]) {
			display: none
		}

		.externalLinks.svelte-1vthg9x a.svelte-1vthg9x {
			display: block;
			font-family: "Ysabeau";
			font-size: 1.5rem;
			text-decoration: none;
			color: black
		}

		.circuitWrapper.svelte-1vthg9x.svelte-1vthg9x {
			width: 100%;
			max-height: 100%
		}

		.circuitWrapper.svelte-1vthg9x a.svelte-1vthg9x {
			width: 100%;
			height: 100%;
			display: block
		}

		@media only screen and (min-width: 1000px) {

			svg,
			.mainMenuCircuit.svelte-1vthg9x.svelte-1vthg9x {
				max-height: calc(34vh - 88px)
			}
		}

		@media only screen and (max-width: 1000px) {

			svg,
			.mainMenuCircuit.svelte-1vthg9x.svelte-1vthg9x {
				max-height: calc(28vh - 58px)
			}

			.inputSection.svelte-1vthg9x.svelte-1vthg9x {
				margin: 0.5rem
			}

			.title.svelte-1vthg9x.svelte-1vthg9x {
				font-size: 1.4rem;
				margin-top: 0;
				margin-bottom: 0.75rem
			}

			.externalLink.svelte-1vthg9x.svelte-1vthg9x {
				font-size: 1rem;
				display: inline-block;
				margin-right: 1rem
			}
		}
	</style>
	<style id="svelte-qqloo0-style">
		:root {
			--filter-text-size: 1rem;
			--filter-text-size-phone: 0.9rem
		}

		@media only screen and (max-width: 1000px) {}

		#header.svelte-qqloo0.svelte-qqloo0 {
			width: 100vw;
			background-color: white;
			overflow: auto;
			position: fixed;
			padding: 15px 0;
			z-index: 7;
			height: 120px;
			box-sizing: border-box;
		}

		#siteTitle.svelte-qqloo0.svelte-qqloo0 {
			width: auto;
			text-align: center;
			display: block;
			font-family: Ysabeau;
			font-weight: bold;
			margin: 0 auto;
			padding: 0;
			font-size: 2.2rem;
			position: relative;
			color: black;
			text-decoration: none
		}

		#headerInner.svelte-qqloo0.svelte-qqloo0 {
			max-width: 900px;
			margin: 0 auto;
			position: relative
		}

		.sub.svelte-qqloo0.svelte-qqloo0 {
			position: relative;
			width: 100%;
			text-align: center;
			font-size: 1.8rem;
			font-family: Ysabeau;
		}

		#indexToggle.svelte-qqloo0.svelte-qqloo0 {
			position: absolute;
			right: 50px;
			height: 100%;
			top: 0;
			display: flex;
			align-items: center
		}

		#indexToggle.svelte-qqloo0 #indexToggleInner.svelte-qqloo0 {
			/*font-size: 3rem*/
		}

		#index.svelte-qqloo0.svelte-qqloo0 {
			height: calc(100vh - 80px);
			position: fixed;
			top: 80px;
			width: 100%;
			background-color: white;
			z-index: 6;
			display: flex;
			align-items: center
		}

		@media only screen and (max-width: 1000px) {
			#header.svelte-qqloo0.svelte-qqloo0 {
				padding: 8px 0;
				height: 68px;
			}

			#index.svelte-qqloo0.svelte-qqloo0 {
				top: 68px;
				bottom: 0;
				height: unset;
				padding-bottom: 5px
			}

			#siteTitle.svelte-qqloo0.svelte-qqloo0 {
				text-align: left;
				font-size: 1.4rem;
				padding-left: 1rem;
				display: inline-block
			}

			.sub.svelte-qqloo0.svelte-qqloo0 {
				text-align: left;
				font-size: 1rem;
				padding-left: 1rem;
				width: 75vw
			}

			#indexToggle.svelte-qqloo0.svelte-qqloo0 {
				right: 1.2rem;
				z-index: 2024
			}

			#indexToggle.svelte-qqloo0 #indexToggleInner.svelte-qqloo0 {
				font-size: 2rem;
				width: 30px
			}
		}
	</style>
	<style id="svelte-22lu5k-style">
		svg.svelte-22lu5k.svelte-22lu5k {
			min-height: 24px;
			transition: transform 0.3s ease-in-out
		}

		svg.svelte-22lu5k.svelte-22lu5k:hover {
			cursor: pointer
		}

		svg.svelte-22lu5k line.svelte-22lu5k {
			stroke: currentColor;
			stroke-width: 3;
			transition: opacity 0.2s ease-in-out, transform 0.3s ease-in-out
		}

		.open.svelte-22lu5k #top.svelte-22lu5k {
			transform: translate(6px, 0px) rotate(45deg)
		}

		.open.svelte-22lu5k #middle.svelte-22lu5k {
			opacity: 0
		}

		.open.svelte-22lu5k #bottom.svelte-22lu5k {
			transform: translate(-12px, 9px) rotate(-45deg)
		}
	</style>
	<style></style>
	<style id="svelte-159s4ja-style">
		:root {
			--filter-text-size: 1rem;
			--filter-text-size-phone: 0.9rem
		}

		@media only screen and (max-width: 1000px) {}

		.publicationCategoryLink.svelte-159s4ja.svelte-159s4ja {
			text-transform: capitalize
		}

		.page.svelte-159s4ja.svelte-159s4ja {
			grid-column: span 1;
			vertical-align: middle
		}

		.page.left.svelte-159s4ja.svelte-159s4ja {
			display: flex;
			align-items: center
		}

		.page.left.svelte-159s4ja a.svelte-159s4ja {
			display: flex;
			flex-direction: column;
			align-items: center;
			text-align: left;
			margin-right: 10px;
		}
		.page.right.svelte-159s4ja a.svelte-159s4ja {
			
			margin-left: 10px;
		}
		.page.right.svelte-159s4ja a.bbeLink{
			text-align: right;
		}
		.page a.bbeLink{
			color: inherit;
		}
		.page.left.svelte-159s4ja img.svelte-159s4ja {
			max-height: 75px;
			max-width: 75px;
			
		}

		.page.left.svelte-159s4ja .bbeLink.svelte-159s4ja {
			font-size: 0.95rem;
			font-family: "Work Sans";
			line-height: 1.2rem
		}

		.page.center.svelte-159s4ja.svelte-159s4ja {
			display: flex;
			align-items: center
		}

		.page.center.svelte-159s4ja a.svelte-159s4ja {
			margin: 0 auto
		}

		.page.center.svelte-159s4ja img.svelte-159s4ja {
			max-height: 50px;
			max-width: 75px;
			margin: 0 auto
		}

		.page.right.svelte-159s4ja.svelte-159s4ja {
			display: flex;
			align-items: center
		}

		.page.right.svelte-159s4ja .diagramsLink.svelte-159s4ja {
			text-align: right;
			line-height: 1.6rem;
			display: inline;
			font-family: "Ysabeau";
			font-weight: bold;
			text-transform: uppercase;
			letter-spacing: 0.05rem
		}

		.page.right.svelte-159s4ja .diagramsLink a.svelte-159s4ja {
			border-bottom: 2px solid black
		}

		.page.right.svelte-159s4ja .diagramsLink a.svelte-159s4ja:hover {
			text-decoration: none
		}

		.indexFooter.svelte-159s4ja.svelte-159s4ja {
			padding-top: 1.5rem;
			border-top: 2px solid black;
			grid-column: span 3;
			display: grid;
			grid-template-columns: 1fr 1.1fr;
			column-gap: 20px
		}

		.indexFooter.svelte-159s4ja img.svelte-159s4ja {
			margin: 0 auto
		}

		.pageTitle.svelte-159s4ja.svelte-159s4ja {
			display: block;
			font-family: "Ysabeau";
			font-size: 1.75rem;
			line-height: 1.7rem;
			margin-bottom: 4px;
			font-weight: bold
		}

		ul.svelte-159s4ja.svelte-159s4ja {
			margin: 0;
			padding: 0
		}

		li.svelte-159s4ja.svelte-159s4ja {
			font-family: "Ysabeau";
			margin: 0;
			padding: 0;
			list-style-type: none;
			font-size: 1.2rem
		}

		a.svelte-159s4ja.svelte-159s4ja {
			color: inherit
		}

		@media only screen and (min-width: 1000px) {
			#indexInner.svelte-159s4ja.svelte-159s4ja {
				max-width: 900px;
				width: 90vw;
				margin: 0 auto;
				display: grid;
				grid-template-columns: 1fr 1fr 1fr;
				column-gap: 20px;
				row-gap: 2rem
			}
		}

		@media only screen and (max-width: 1000px) {
			.bbeLink.svelte-159s4ja.svelte-159s4ja {
				display: none !important
			}
			.bbeLink{
				display: none !important
			}

			#indexInner.svelte-159s4ja.svelte-159s4ja {
				max-width: 900px;
				width: 90vw;
				margin: 0 auto;
				display: grid;
				grid-template-columns: 1fr 1fr;
				column-gap: 5px
			}

			.page.svelte-159s4ja.svelte-159s4ja {
				grid-column: span 1;
				margin: 0.4rem 0;
				
			}

			.page.svelte-159s4ja .pageTitle.svelte-159s4ja {
				font-size: 1.1rem;
				line-height: 1rem;
				text-align: center
			}

			.page.svelte-159s4ja ul li.svelte-159s4ja {
				text-align: center;
				font-size: 0.9rem;
				line-height: 1.1rem
			}

			.indexFooter.svelte-159s4ja.svelte-159s4ja {
				margin-top: 1rem;
				padding-top: 0;
				border-top: 2px solid black;
				grid-column: span 2;
				display: grid;
				grid-template-columns: 1fr 1fr;
				column-gap: 5px
			}

			.indexFooter.svelte-159s4ja img.svelte-159s4ja {
				margin: 0 auto;
				max-width: 50px;
				max-height: 40px;
			}
			.page.right.svelte-159s4ja a.svelte-159s4ja{
				margin: 0 auto;
			}
			.page.svelte-159s4ja.svelte-159s4ja {
				grid-column: span 1;
				vertical-align: top
			}

			.page.left.svelte-159s4ja.svelte-159s4ja {
				display: flex;
				align-items: left;
				justify-content: center;
			}

			.page.left.svelte-159s4ja a.svelte-159s4ja {
				display: flex;
				align-items: left;
				flex-direction: column;
				margin: 0 auto;
			}

			.page.left.svelte-159s4ja img.svelte-159s4ja {
				max-height: 40px;
				max-width: 50px;
				
				display: block
			}

			.page.center.svelte-159s4ja.svelte-159s4ja {
				display: flex;
				align-items: center
			}

			.page.center.svelte-159s4ja a.svelte-159s4ja {
				margin: 0 auto !important
			}

			.page.center.svelte-159s4ja img.svelte-159s4ja {
				max-height: 40px;
				max-width: 50px;
				margin: 0 10px !important
			}

			.page.right.svelte-159s4ja.svelte-159s4ja {
				display: flex;
				align-items: center;
				justify-content: center;
			}

			.page.right.svelte-159s4ja .diagramsLink.svelte-159s4ja {
				text-align: right;
				line-height: 0.8rem;
				font-size: 0.6rem;
				display: inline;
				font-family: "Ysabeau";
				font-weight: bold;
				text-transform: uppercase;
				letter-spacing: 0.05rem
			}

			.page.right.svelte-159s4ja .diagramsLink a.svelte-159s4ja {
				border-bottom: none
			}

			.page.right.svelte-159s4ja .diagramsLink a.svelte-159s4ja:hover {
				text-decoration: none
			}
		}
	</style>
	<style id="svelte-vqdzzf-style">
		:root {
			--filter-text-size: 1rem;
			--filter-text-size-phone: 0.9rem
		}

		@media only screen and (max-width: 1000px) {}

		.sidebarItem.svelte-vqdzzf.svelte-vqdzzf {
			position: relative;
			display: flex;
			align-items: center;
			gap: 5px;
			font-family: "Work Sans", Helvetica;
			font-weight: 600;
			font-size: 1.25em;
			margin: 20px 0;
			padding: 0;
			padding-right: 1rem;
			font-feature-settings: "ss01", "ss06"
		}

		.sidebarItem.svelte-vqdzzf .svelte-vqdzzf {
			vertical-align: middle
		}

		.sidebarItem.svelte-vqdzzf.svelte-vqdzzf:hover {
			text-decoration: none
		}

		.sidebarItem.svelte-vqdzzf:hover svg * {
			fill: var(--pageColor) !important
		}

		.subItem.svelte-vqdzzf.svelte-vqdzzf {
			font-weight: 300;
			font-size: 1em;
			padding-left: 1rem;
			margin: 12px 0
		}

		.inputItem.svelte-vqdzzf.svelte-vqdzzf {
			margin: 0
		}

		.circuitPart.svelte-vqdzzf.svelte-vqdzzf {
			position: relative;
			display: inline;
			line-height: 100%;
			width: 30px;
			margin-left: -35px
		}

		p.svelte-vqdzzf.svelte-vqdzzf {
			margin: 0
		}

		a.svelte-vqdzzf.svelte-vqdzzf {
			color: black;
			text-decoration: none
		}

		@media only screen and (max-width: 1000px) {
			.sidebarItem.svelte-vqdzzf.svelte-vqdzzf {
				margin: 0.5rem
			}

			.subItem.svelte-vqdzzf.svelte-vqdzzf {
				padding-left: 5px !important;
				font-size: 0.9rem;
				line-height: 1.1rem
			}
		}
	</style>
	<style id="svelte-1yp0ll1-style">
		:root {
			--filter-text-size: 1rem;
			--filter-text-size-phone: 0.9rem
		}

		@media only screen and (max-width: 1000px) {}

		#pageContent.svelte-1yp0ll1 {
			box-sizing: border-box;
			position: relative;
			width: 50vw;
			margin: 50px 25vw;
			top: 0
		}

		@media only screen and (max-width: 1000px) {
			#pageContent.svelte-1yp0ll1 {
				width: 92vw;
				margin: 50px 4vw
			}
		}
	</style>
	<style id="svelte-s8u5wn-style">
		:root {
			--filter-text-size: 1rem;
			--filter-text-size-phone: 0.9rem
		}

		.sectionTitle.svelte-s8u5wn.svelte-s8u5wn {
			color: var(--pageColor);
			font-family: "Ysabeau";
			font-size: 2.75rem;
			font-weight: bold;
			margin-bottom: 1.1rem;
			margin-top: 5rem
		}

		.sectionTitle.sub.svelte-s8u5wn.svelte-s8u5wn {
			color: var(--pageColor);
			font-size: 2rem
		}

		h2.svelte-s8u5wn.svelte-s8u5wn:not(.sectionTitle) {
			font-family: "Work Sans";
			font-feature-settings: "ss01", "ss06";
			font-size: 1.5rem;
			margin-top: 2.4rem
		}

		@media only screen and (max-width: 1000px) {
			.sectionTitle.svelte-s8u5wn.svelte-s8u5wn {
				font-size: 2.2rem;
				margin-top: 3rem;
				line-height: 2.5rem
			}

			.sectionTitle.sub.svelte-s8u5wn.svelte-s8u5wn {
				font-size: 1.9rem
			}

			h2.svelte-s8u5wn.svelte-s8u5wn:not(.sectionTitle) {
				font-size: 1.3rem;
				margin-bottom: 0.4rem
			}
		}

		.dividerLine.svelte-s8u5wn.svelte-s8u5wn {
			width: 100%;
			height: 1px;
			background-color: black
		}

		.section.svelte-s8u5wn:first-of-type .sectionTitle.svelte-s8u5wn {
			margin-top: 0
		}

		@media only screen and (min-width: 1000px) {
			.halfImgContainer.svelte-s8u5wn.svelte-s8u5wn {
				width: 45%
			}

			.halfImgContainer.svelte-s8u5wn img.svelte-s8u5wn {
				width: 100%
			}

			.halfImgContainer.left.svelte-s8u5wn.svelte-s8u5wn {
				float: left;
				margin: 1rem 2rem 1rem 0
			}

			.halfImgContainer.right.svelte-s8u5wn.svelte-s8u5wn {
				float: right;
				margin: 1rem 0 2rem 1rem
			}

			.halfCaption p {
				font-family: "Work Sans" !important;
				font-size: 0.8rem !important
			}

			.vimeoBox.svelte-s8u5wn.svelte-s8u5wn {
				width: 90%;
				margin: 2rem 5%;
				clear: both
			}

			.section.svelte-s8u5wn.svelte-s8u5wn {
				margin-top: 5rem
			}

			.section.svelte-s8u5wn.svelte-s8u5wn:first-child {
				margin-top: 0
			}

			.section.svelte-s8u5wn.svelte-s8u5wn::after {
				content: "";
				clear: both;
				display: table
			}

			.caption.svelte-s8u5wn.svelte-s8u5wn {
				box-sizing: border-box;
				width: 100%;
				padding: 0.2rem 8% 1rem;
				font-family: "Work Sans", Helvetica, sans-serif;
				font-size: 0.9rem;
				margin-bottom: 2rem;
				font-feature-settings: "ss01", "ss06"
			}

			.section.svelte-s8u5wn p {
				font-family: "Ysabeau";
				font-size: 1.2rem
			}

			.section.svelte-s8u5wn a {
				color: black;
				border-bottom: 2px solid var(--pageColor);
				font-family: "Ysabeau"
			}

			.section.svelte-s8u5wn a:hover {
				text-decoration: none
			}

			img.svelte-s8u5wn.svelte-s8u5wn {
				width: 90%;
				height: auto
			}

			img.captioned.svelte-s8u5wn.svelte-s8u5wn {
				margin-bottom: 0
			}

			img.half.svelte-s8u5wn.svelte-s8u5wn {
				width: 45%
			}

			img.half.left.svelte-s8u5wn.svelte-s8u5wn {
				float: left;
				margin: 1rem 2rem 1rem 0rem
			}

			img.half.right.svelte-s8u5wn.svelte-s8u5wn {
				float: right;
				margin: 1rem 0 1rem 2rem
			}

			.sectionLink.svelte-s8u5wn.svelte-s8u5wn {
				margin-bottom: 1rem
			}
		}

		@media only screen and (max-width: 1000px) {
			.section.svelte-s8u5wn.svelte-s8u5wn {
				margin-top: 3rem
			}

			.section.svelte-s8u5wn.svelte-s8u5wn:first-child {
				margin-top: 0
			}

			.caption.svelte-s8u5wn.svelte-s8u5wn {
				box-sizing: border-box;
				width: 100%;
				padding: 0.2rem 2% 1rem;
				font-family: "Work Sans", Helvetica, sans-serif;
				font-size: 0.8rem;
				line-height: 1rem;
				margin-bottom: 0.6rem;
				font-feature-settings: "ss01", "ss06"
			}

			.section.svelte-s8u5wn p {
				font-family: "Ysabeau";
				font-size: 1.08rem;
				line-height: 1.45rem;
				margin: 0.6rem 0 1rem 0
			}

			.section.svelte-s8u5wn a {
				color: black;
				border-bottom: 2px solid var(--pageColor);
				font-family: "Ysabeau"
			}

			.section.svelte-s8u5wn a:hover {
				text-decoration: none
			}

			img.svelte-s8u5wn.svelte-s8u5wn {
				width: 96%;
				margin: 1rem 2%;
				height: auto
			}

			img.captioned.svelte-s8u5wn.svelte-s8u5wn {
				margin-bottom: 0
			}

			.sectionLink.svelte-s8u5wn.svelte-s8u5wn {
				margin-bottom: 1rem
			}
		}

		.expandedText p {
			margin: 0
		}

		.expandedVideo.svelte-s8u5wn.svelte-s8u5wn {
			padding: 2rem 10px
		}

		.expandableLabel.svelte-s8u5wn.svelte-s8u5wn {
			font-family: "Ysabeau";
			font-weight: 600;
			font-size: 1.25rem;
			margin-bottom: 0;
			display: inline-block;
			pointer-events: none;
			border-bottom: 2px solid var(--pageColor)
		}
	</style>
	<style id="svelte-1lys4x3-style">
		.revealMore.svelte-1lys4x3.svelte-1lys4x3 {
			display: flex;
			align-items: center;
			gap: 5px
		}

		.revealMore.svelte-1lys4x3.svelte-1lys4x3:hover {
			cursor: pointer
		}

		.revealMore.svelte-1lys4x3 svg.svelte-1lys4x3 {
			display: inline;
			max-height: 10px;
			max-width: 10px;
			transition: transform 0.4s ease;
			fill: var(--pageColor)
		}

		.IndMenu1:hover p {
			color: rgb(277, 53, 40);
		}

		.IndMenu2:hover p {
			color: rgb(255, 150, 72);
		}

		.IndMenu3:hover p {
			color: rgb(186, 100, 172);
		}

		.IndMenu4:hover p {
			color: rgb(31, 170, 31);
		}

		.IndMenu5:hover p {
			color: rgb(25, 195, 247);
		}

		.IndMenu6:hover p {
			color: rgb(23, 63, 175);
		}
	</style>