	<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;
			min-height: calc(100vh - 120px)
		}

		@media only screen and (max-width: 1000px) {
			#root.svelte-snmgcj {
				width: 100%;
				top: 68px;
				min-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: 50px;
			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(44vh - 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 {
			text-align: center;
			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;
				text-align: center !important
			}

			.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.svelte-159s4ja.svelte-159s4ja {
				grid-column: span 1;
				vertical-align: top
			}
			.page.right.svelte-159s4ja a.svelte-159s4ja{
				margin: 0 auto;

			}
			.page.left.svelte-159s4ja.svelte-159s4ja {
				display: flex;
				align-items: left;
				flex-direction: column;
				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;
				margin: 0 10px !important;
				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: 0
		}

		.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 {
				padding-top: 5rem
			}

			.section.svelte-s8u5wn.svelte-s8u5wn:first-child {
				padding-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>
    <style id="svelte-e9c65n-style">
        :root {
            --filter-text-size: 1rem;
            --filter-text-size-phone: 0.9rem
        }

        @media only screen and (max-width: 1000px) {}

        .clearFilter.svelte-e9c65n {
            border-bottom: 2px solid black !important
        }

        @media only screen and (min-width: 1000px) {
            .filterBy.svelte-e9c65n {
                display: block
            }

            .categoryFilter.svelte-e9c65n,
            .clearFilter.svelte-e9c65n {
                color: black;
                display: inline-block;
                font-family: "Ysabeau";
                font-size: var(--filter-text-size);
                margin-right: 0.5rem;
                border-bottom: 2px solid transparent
            }

            .categoryFilter.priority.svelte-e9c65n {
                font-weight: bold
            }

            .categoryFilter.svelte-e9c65n:hover,
            .clearFilter.svelte-e9c65n:hover {
                text-decoration: none
            }

            .categoryFilter.active.svelte-e9c65n {
                border-bottom: 2px solid black
            }
        }

        @media only screen and (max-width: 1000px) {
            .clearFilter.svelte-e9c65n {
                margin-bottom: 0.5rem
            }

            .filterBy.svelte-e9c65n {
                display: block
            }

            .categoryFilter.svelte-e9c65n,
            .clearFilter.svelte-e9c65n {
                color: black;
                display: inline-block;
                font-family: "Ysabeau";
                font-size: var(--filter-text-size-phone);
                line-height: 1.1rem;
                margin-right: 0.5rem;
                border-bottom: 2px solid transparent
            }

            .categoryFilter.priority.svelte-e9c65n {
                font-weight: bold
            }

            .categoryFilter.svelte-e9c65n:hover,
            .clearFilter.svelte-e9c65n:hover {
                text-decoration: none
            }

            .categoryFilter.active.svelte-e9c65n {
                border-bottom: 2px solid black
            }
        }
    </style>
    <style id="svelte-xyrqan-style">
        #searchBarInput.svelte-xyrqan.svelte-xyrqan {
            font-size: 0.7rem;
            height: 2rem;
            width: 11rem;
            margin: 0
        }

        #searchButton.svelte-xyrqan.svelte-xyrqan {
            vertical-align: top;
            padding: 0;
            margin: 0
        }

        #searchButton.svelte-xyrqan.svelte-xyrqan:hover {
            cursor: pointer
        }

        #searchButton.svelte-xyrqan img.svelte-xyrqan {
            width: 1.5rem;
            height: 1.5rem;
            margin: 0.2rem;
            display: block
        }
    </style>
    <style id="svelte-102cspi-style">
        :root {
            --filter-text-size: 1rem;
            --filter-text-size-phone: 0.9rem
        }

        @media only screen and (max-width: 1000px) {}

        #pubsContent.svelte-102cspi {
            box-sizing: border-box;
            position: relative;
            width: 50vw;
            margin: 50px 25vw;
            top: 0
        }

        .emptyMessage.svelte-102cspi {
            position: relative;
            margin: 0;
            padding-bottom: 2rem
        }

        .emptyMessage.svelte-102cspi::after {
            content: "";
            display: block;
            width: 200px;
            height: 2px;
            background-color: black;
            margin-top: 2rem
        }

        @media only screen and (max-width: 1000px) {
            #pubsContent.svelte-102cspi {
                width: 92%;
                margin: 0 4% 50px
            }
        }
    </style>
    <style id="svelte-1bo93jb-style">
        :root {
            --filter-text-size: 1rem;
            --filter-text-size-phone: 0.9rem
        }

        h2.svelte-1bo93jb.svelte-1bo93jb: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) {
            h2.svelte-1bo93jb.svelte-1bo93jb:not(.sectionTitle) {
                font-size: 1.3rem;
                margin-bottom: 0.4rem
            }
        }

        .publicationTitleLink.svelte-1bo93jb.svelte-1bo93jb:hover,
        .fullPaperLink.svelte-1bo93jb.svelte-1bo93jb:hover {
            text-decoration: none;
            cursor: pointer
        }

        .info.svelte-1bo93jb p.svelte-1bo93jb:last-of-type {
            margin-bottom: 0.5rem
        }

        .publication.svelte-1bo93jb.svelte-1bo93jb {
            position: relative;
            margin: 0;
            padding-bottom: 2rem
        }

        .publication.svelte-1bo93jb.svelte-1bo93jb::after {
            content: "";
            display: block;
            width: 200px;
            height: 2px;
            background-color: black;
            margin-top: 2rem
        }

        @media only screen and (min-width: 1000px) {
            .title.svelte-1bo93jb.svelte-1bo93jb {
                margin: 0;
                font-family: "Ysabeau";
                font-size: 1.3rem;
                line-height: 1.8rem;
                font-weight: bold
            }

            p.svelte-1bo93jb.svelte-1bo93jb {
                margin: 0;
                font-family: "Ysabeau";
                font-size: 1.3rem;
                line-height: 1.8rem
            }

            p.svelte-1bo93jb a.svelte-1bo93jb {
                color: black;
                font-weight: 400;
                border-bottom: 2px solid var(--pageColor);
                line-height: 1.5rem
            }

            p.svelte-1bo93jb a.svelte-1bo93jb:hover {
                text-decoration: none
            }

            .revealMore.svelte-1bo93jb.svelte-1bo93jb {
                display: flex;
                align-items: center;
                user-select: none;
                font-family: "Work Sans";
                font-weight: 600;
                height: 1.8rem;
                text-transform: uppercase;
                letter-spacing: 0.05rem;
                font-size: 0.9rem
            }

            .revealMore.svelte-1bo93jb.svelte-1bo93jb:hover {
                cursor: pointer
            }

            .abstract.svelte-1bo93jb.svelte-1bo93jb {
                border: 2px solid transparent;
                padding: 10px 10px 1rem;
                margin-bottom: 2rem;
                border: 2px solid var(--pageColor)
            }

            .abstract.svelte-1bo93jb img.svelte-1bo93jb {
                width: 90%;
                margin: 5%
            }

            .fullPaper.svelte-1bo93jb.svelte-1bo93jb {
                font-weight: bold;
                margin-top: 1rem
            }

            .commentaryHead {
                font-family: "Ysabeau", serif;
                font-size: 1.3rem;
                margin-bottom: 0
            }
        }

        @media only screen and (max-width: 1000px) {
            .title.svelte-1bo93jb.svelte-1bo93jb {
                margin: 0;
                font-family: "Ysabeau";
                font-size: 1.2rem;
                line-height: 1.6rem;
                font-weight: bold;
                margin-bottom: 0.5rem
            }

            p.svelte-1bo93jb.svelte-1bo93jb {
                margin: 0;
                font-family: "Ysabeau";
                font-size: 1rem;
                line-height: 1.3rem
            }

            p.svelte-1bo93jb a.svelte-1bo93jb {
                color: black;
                font-weight: 400;
                border-bottom: 2px solid var(--pageColor);
                line-height: 1.5rem
            }

            .revealMore.svelte-1bo93jb.svelte-1bo93jb {
                user-select: none;
                font-family: "Work Sans";
                font-weight: 600;
                text-transform: uppercase;
                letter-spacing: 0.05rem;
                line-height: 1.8rem;
                font-size: 0.9rem
            }

            .abstract.svelte-1bo93jb.svelte-1bo93jb {
                padding: 5px 5px 1rem;
                border: 2px solid var(--pageColor);
                margin-bottom: 1rem
            }

            .abstract.svelte-1bo93jb img.svelte-1bo93jb {
                width: 90%;
                margin: 5%
            }

            .fullPaper.svelte-1bo93jb.svelte-1bo93jb {
                font-weight: bold;
                margin-top: 1rem
            }

            .commentaryHead {
                font-family: "Ysabeau", serif;
                font-size: 1rem;
                margin-bottom: 0
            }
        }
    </style>
    <style id="svelte-fnrgzs-style">
        :root {
            --filter-text-size: 1rem;
            --filter-text-size-phone: 0.9rem
        }

        .sectionTitle.svelte-fnrgzs {
            color: var(--pageColor);
            font-family: "Ysabeau";
            font-size: 2.75rem;
            font-weight: bold;
            margin-bottom: 1.1rem;
            margin-top: 5rem
        }

        h2.svelte-fnrgzs: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-fnrgzs {
                font-size: 2.2rem;
                margin-top: 3rem;
                line-height: 2.5rem
            }

            h2.svelte-fnrgzs:not(.sectionTitle) {
                font-size: 1.3rem;
                margin-bottom: 0.4rem
            }
        }

        .sectionTitle.svelte-fnrgzs:first-of-type {
            margin-top: 0
        }

        h3.svelte-fnrgzs {
            font-family: "Ysabeau";
            font-weight: bold;
            font-size: 1.5rem;
            margin-top: 1rem;
            margin-bottom: 0
        }

        #faculty.svelte-fnrgzs {
            margin-top: 0
        }

        #peopleContent.svelte-fnrgzs {
            box-sizing: border-box;
            position: relative;
            width: 50vw;
            margin: 0 25vw;
            top: 0;
            padding: 50px 0
        }

        .peopleSection.svelte-fnrgzs {
            display: grid;
            grid-template-columns: 1fr 1fr 1fr;
            column-gap: 40px
        }

        .contact.svelte-fnrgzs {
            color: black !important;
            text-decoration: none !important;
            font-family: "Ysabeau";
            margin: 0
        }

        .contact.svelte-fnrgzs:hover {
            text-decoration: none
        }

        .contact a {
            text-decoration: underline;
            color: black
        }

        @media only screen and (max-width: 1000px) {
            .peopleSection.svelte-fnrgzs {
                display: grid;
                grid-template-columns: 1fr 1fr 1fr;
                column-gap: 10px
            }

            #peopleContent.svelte-fnrgzs {
                width: 96vw;
                margin: 0 2vw 50px;
                padding-top: 0
            }
        }
    </style>
    <style id="svelte-wj4zt0-style">
        :root {
            --filter-text-size: 1rem;
            --filter-text-size-phone: 0.9rem
        }

        @media only screen and (max-width: 1000px) {}

        .person.svelte-wj4zt0.svelte-wj4zt0.svelte-wj4zt0 {
            grid-column: span 1;
            margin-top: 2rem
        }

        .person.svelte-wj4zt0 .imgContainer.svelte-wj4zt0.svelte-wj4zt0,
        .person.svelte-wj4zt0 .emptyImage.svelte-wj4zt0.svelte-wj4zt0 {
            position: relative;
            width: 100%;
            height: 0;
            padding-top: 100%
        }

        .person.svelte-wj4zt0 .emptyImage.svelte-wj4zt0.svelte-wj4zt0 {
            background-color: gray
        }

        .person.svelte-wj4zt0 img.svelte-wj4zt0.svelte-wj4zt0 {
            width: 100%;
            height: 100%;
            object-fit: cover;
            position: absolute;
            top: 0
        }

        .person.svelte-wj4zt0 .current.svelte-wj4zt0.svelte-wj4zt0 {
            font-family: "Ysabeau";
            margin-bottom: 0.5rem;
            line-height: 1.2rem;
            padding-right: 20px
        }

        .contactLink.svelte-wj4zt0.svelte-wj4zt0.svelte-wj4zt0 {
            font-family: "Ysabeau";
            color: black;
            border-bottom: 2px solid var(--pageColor);
            margin-top: 1rem;
            display: inline-block
        }

        .contactLink.svelte-wj4zt0.svelte-wj4zt0.svelte-wj4zt0:hover {
            text-decoration: none
        }

        .faculty.svelte-wj4zt0.svelte-wj4zt0.svelte-wj4zt0 {
            grid-column: span 3;
            display: grid;
            grid-template-columns: 1fr 1fr;
            column-gap: 20px
        }

        .faculty.svelte-wj4zt0 .facultyCurrent.svelte-wj4zt0.svelte-wj4zt0 {
            margin-bottom: 1rem
        }

        .faculty.svelte-wj4zt0 .imgContainer.svelte-wj4zt0.svelte-wj4zt0 {
            position: relative;
            grid-column: span 1;
            height: 0;
            padding-top: 75%
        }

        .faculty.svelte-wj4zt0 .imgContainer.svelte-wj4zt0 img.svelte-wj4zt0 {
            position: absolute;
            top: 0;
            max-width: 100%
        }

        .faculty.svelte-wj4zt0 .meta.svelte-wj4zt0.svelte-wj4zt0 {
            grid-column: span 1
        }

        .name.svelte-wj4zt0.svelte-wj4zt0.svelte-wj4zt0 {
            font-family: "Ysabeau";
            font-weight: bold;
            font-size: 1.5rem;
            margin: 0.6rem 0 0.4rem
        }

        .personalLink.svelte-wj4zt0.svelte-wj4zt0.svelte-wj4zt0 {
            font-family: "Ysabeau";
            font-style: italic;
            font-weight: regular;
            color: black;
            font-size: 1rem;
            margin-top: 0.2rem;
            display: block
        }

        .personalLink.svelte-wj4zt0.svelte-wj4zt0.svelte-wj4zt0:hover {
            text-decoration: none
        }

        .meta.svelte-wj4zt0 p.svelte-wj4zt0.svelte-wj4zt0 {
            margin: 0;
            font-size: 1rem;
            font-family: "Ysabeau"
        }

        .meta.svelte-wj4zt0 p .bold.svelte-wj4zt0.svelte-wj4zt0 {
            font-weight: bold
        }

        .meta.svelte-wj4zt0 p a.svelte-wj4zt0.svelte-wj4zt0 {
            border-bottom: 2px solid black;
            color: black;
            text-decoration: none
        }

        .meta.svelte-wj4zt0 p a.svelte-wj4zt0.svelte-wj4zt0:hover {
            text-decoration: none
        }

        @media only screen and (max-width: 1000px) {
            .person.svelte-wj4zt0.svelte-wj4zt0.svelte-wj4zt0 {
                margin-top: 0;
                margin-bottom: 2rem;
                grid-column: span 3;
                display: grid;
                grid-template-columns: 1fr 1fr 1fr 1fr;
                column-gap: 10px
            }

            .person.svelte-wj4zt0 .meta.svelte-wj4zt0.svelte-wj4zt0 {
                grid-column: 2/5
            }

            .person.svelte-wj4zt0 .meta.svelte-wj4zt0 .name.svelte-wj4zt0 {
                margin-top: 0;
                font-size: 1.2rem
            }

            .person.svelte-wj4zt0 .imgContainer.svelte-wj4zt0.svelte-wj4zt0,
            .person.svelte-wj4zt0 .emptyImage.svelte-wj4zt0.svelte-wj4zt0 {
                grid-column: 1/2
            }

            .faculty.svelte-wj4zt0 .imgContainer.svelte-wj4zt0.svelte-wj4zt0 {
                grid-column: span 2
            }

            .faculty.svelte-wj4zt0 .meta.svelte-wj4zt0.svelte-wj4zt0 {
                grid-column: span 2
            }
        }
    </style>
    <style id="svelte-1jxbv7o-style">
        .person.svelte-1jxbv7o.svelte-1jxbv7o {
            grid-column: span 3;
            margin-top: 0.4rem
        }

        .meta.svelte-1jxbv7o p.svelte-1jxbv7o {
            margin: 0;
            font-size: 1rem;
            font-family: "Ysabeau"
        }

        .meta.svelte-1jxbv7o p .bold.svelte-1jxbv7o {
            font-weight: bold
        }
    </style>
    <style id="svelte-19xfo1u-style">
        :root {
            --filter-text-size: 1rem;
            --filter-text-size-phone: 0.9rem
        }

        .sectionTitle.svelte-19xfo1u.svelte-19xfo1u {
            color: var(--pageColor);
            font-family: "Ysabeau";
            font-size: 2.75rem;
            font-weight: bold;
            margin-bottom: 1.1rem;
            margin-top: 5rem
        }

        h2.svelte-19xfo1u.svelte-19xfo1u: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-19xfo1u.svelte-19xfo1u {
                font-size: 2.2rem;
                margin-top: 3rem;
                line-height: 2.5rem
            }

            h2.svelte-19xfo1u.svelte-19xfo1u:not(.sectionTitle) {
                font-size: 1.3rem;
                margin-bottom: 0.4rem
            }
        }

        .sectionTitle.svelte-19xfo1u.svelte-19xfo1u:first-of-type {
            margin-top: 0
        }

        #newsContent.svelte-19xfo1u.svelte-19xfo1u {
            box-sizing: border-box;
            position: relative;
            width: 50vw;
            margin: 0 25vw;
            top: 0;
            padding: 50px 0
        }

        .sectionLink.svelte-19xfo1u.svelte-19xfo1u {
            display: inline-block;
            user-select: none;
            font-family: "Work Sans";
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.05rem;
            line-height: 1.8rem;
            font-size: 0.9rem;
            border-bottom: solid 2px var(--pageColor)
        }

        .sectionLink.svelte-19xfo1u a.svelte-19xfo1u {
            color: black
        }

        .sectionLink.svelte-19xfo1u a.svelte-19xfo1u:hover {
            text-decoration: none
        }

        .teeShirtText.svelte-19xfo1u.svelte-19xfo1u {
            font-family: "Ysabeau";
            margin-bottom: 2rem;
            font-size: 1.2rem
        }

        @media only screen and (max-width: 1000px) {
            #newsContent.svelte-19xfo1u.svelte-19xfo1u {
                padding-top: 0;
                width: 96vw;
                margin: 0 2vw 50px
            }

            .sectionLink.svelte-19xfo1u.svelte-19xfo1u {
                margin-bottom: 2rem
            }
        }
    </style>
    <style id="svelte-1kauyes-style">
        :root {
            --filter-text-size: 1rem;
            --filter-text-size-phone: 0.9rem
        }

        @media only screen and (max-width: 1000px) {}

        .date.svelte-1kauyes.svelte-1kauyes {
            display: inline-block;
            font-family: "Work Sans";
            font-weight: 400;
            font-size: 0.85rem
        }

        .title.svelte-1kauyes.svelte-1kauyes {
            display: inline-block;
            font-family: "Work Sans";
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.05rem;
            font-size: 0.85rem
        }

        .labUpdate.svelte-1kauyes.svelte-1kauyes {
            margin-bottom: 2rem
        }

        .content.svelte-1kauyes a.svelte-1kauyes {
            font-family: "Ysabeau";
            font-style: italic;
            color: black;
            text-decoration: none;
            font-size: 1.3rem;
            display: inline
        }

        .content.svelte-1kauyes a.svelte-1kauyes:hover {
            text-decoration: none
        }

        .labUpdate.svelte-1kauyes .content.svelte-1kauyes p {
            font-family: "Ysabeau";
            font-size: 1.25rem;
            margin: 0;
            display: inline
        }

        @media only screen and (max-width: 1000px) {
            .labUpdate.svelte-1kauyes .content.svelte-1kauyes p {
                font-family: "Ysabeau";
                font-size: 1.08rem;
                line-height: 1.45rem;
                margin: 0 0 1rem 0
            }

            .content.svelte-1kauyes a.svelte-1kauyes {
                font-size: 1.1rem
            }
        }
    </style>
    <style id="svelte-rk2zc-style">
        :root {
            --filter-text-size: 1rem;
            --filter-text-size-phone: 0.9rem
        }

        @media only screen and (max-width: 1000px) {}

        .labAtWork.svelte-rk2zc {
            margin-top: 3rem
        }

        img.svelte-rk2zc {
            max-width: 100%;
            margin-bottom: 10px
        }

        .date.svelte-rk2zc {
            display: inline-block;
            font-family: "Work Sans";
            font-weight: 400;
            font-size: 0.85rem
        }

        .title.svelte-rk2zc {
            display: inline-block;
            font-family: "Work Sans";
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.05rem;
            font-size: 0.85rem
        }

        .content.svelte-rk2zc p {
            font-family: "Ysabeau";
            font-size: 1.3rem;
            margin-top: 0;
            margin-bottom: 2rem
        }

        @media only screen and (max-width: 1000px) {
            .labAtWork.svelte-rk2zc {
                margin-top: 0;
                margin-bottom: 3rem
            }

            .content.svelte-rk2zc p {
                font-family: "Ysabeau";
                font-size: 1.08rem;
                line-height: 1.45rem;
                margin: 0 0 1rem 0
            }
        }
    </style>
    <style id="svelte-1tm0s21-style">
        button.svelte-1tm0s21.svelte-1tm0s21 {
            background: rgba(0, 0, 0, 0.2);
            color: #FFF;
            border-color: transparent;
            width: 2rem;
            height: 2rem
        }

        button.svelte-1tm0s21 svg.svelte-1tm0s21 {
            height: 1rem
        }

        button.svelte-1tm0s21.svelte-1tm0s21:hover {
            cursor: pointer;
            background: rgba(0, 0, 0, 0.5)
        }

        .dots.svelte-1tm0s21.svelte-1tm0s21 {
            display: flex;
            align-items: center;
            justify-content: center;
            margin-top: -30px;
            margin-bottom: 30px
        }

        .dot.svelte-1tm0s21.svelte-1tm0s21 {
            width: 8px;
            height: 8px;
            background: #000;
            border-radius: 100%;
            font-size: 0;
            margin: 0.3rem;
            opacity: 0.3;
            z-index: 3
        }

        .dot.selected.svelte-1tm0s21.svelte-1tm0s21 {
            opacity: 1
        }

        .extra-outer-wrapper.svelte-1tm0s21.svelte-1tm0s21 {
            width: 100%;
            padding: 0.5rem;
            border: 2px solid var(--pageColor);
            background-color: transparent;
            box-sizing: border-box
        }

        .outer-wrapper.svelte-1tm0s21.svelte-1tm0s21 {
            width: 100%;
            padding: 0 0 60%;
            position: relative
        }

        .inner-wrapper.svelte-1tm0s21.svelte-1tm0s21 {
            height: 100%;
            width: 100%;
            display: flex;
            position: absolute
        }

        .controls.svelte-1tm0s21 button.svelte-1tm0s21:first-child {
            position: absolute;
            left: 0;
            top: calc(50% - 1.2rem)
        }

        .controls.svelte-1tm0s21 button.svelte-1tm0s21:last-child {
            position: absolute;
            right: 0;
            top: calc(50% - 1.2rem)
        }

        .slide.svelte-1tm0s21.svelte-1tm0s21 {
            flex: 1 0 auto;
            width: 100%;
            height: 100%;
            align-items: center;
            justify-content: center;
            display: flex;
            text-align: center;
            font-weight: bold;
            font-size: 2rem;
            color: white
        }

        .slide.svelte-1tm0s21 img.svelte-1tm0s21 {
            width: 100%;
            height: 100%;
            object-fit: contain
        }

        .controls.svelte-1tm0s21.svelte-1tm0s21 {
            text-align: center;
            width: 100%;
            display: block
        }
    </style>
    <style id="svelte-awjnv5-style">
        :root {
            --filter-text-size: 1rem;
            --filter-text-size-phone: 0.9rem
        }

        @media only screen and (max-width: 1000px) {}

        .activeShirt.svelte-awjnv5.svelte-awjnv5 {
            margin: 0.75rem 0
        }

        .activeShirt.svelte-awjnv5 .title.svelte-awjnv5 {
            font-family: "Ysabeau";
            font-weight: bold;
            font-size: 1.2rem
        }

        .activeShirt.svelte-awjnv5 .text.svelte-awjnv5 {
            width: 100%;
            font-family: "Ysabeau";
            margin-bottom: 2rem
        }

        .activeShirt.svelte-awjnv5 .text p.svelte-awjnv5 {
            margin: 0
        }

        .activeShirt.svelte-awjnv5 .image.svelte-awjnv5 {
            width: 100%;
            position: relative;
            margin-bottom: 2rem
        }

        .activeShirt.svelte-awjnv5 .image img.svelte-awjnv5 {
            height: auto;
            width: 100%;
            margin: 0 auto;
            bottom: 0
        }

        @media only screen and (max-width: 1000px) {
            .activeShirt.svelte-awjnv5.svelte-awjnv5 {
                row-gap: 1rem
            }

            .activeShirt.svelte-awjnv5 .text.svelte-awjnv5 {
                grid-column: span 5
            }

            .activeShirt.svelte-awjnv5 .image.svelte-awjnv5 {
                grid-column: span 5
            }
        }

        .allShirts.svelte-awjnv5.svelte-awjnv5 {
            border: 2px solid var(--pageColor);
            padding: 0.75rem;
            display: grid;
            margin-bottom: 2rem;
            grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
            column-gap: 0.5rem;
            row-gap: 0.5rem
        }

        .allShirts.svelte-awjnv5 .imageWrap.svelte-awjnv5 {
            width: 100%;
            height: 0;
            padding-bottom: 100%;
            position: relative;
            opacity: 0.6;
            transition: 0.4s ease opacity
        }

        .allShirts.svelte-awjnv5 .imageWrap.active.svelte-awjnv5 {
            opacity: 1
        }

        .allShirts.svelte-awjnv5 .imageWrap.svelte-awjnv5:hover {
            cursor: pointer;
            opacity: 1
        }

        .allShirts.svelte-awjnv5 img.svelte-awjnv5 {
            position: absolute;
            top: 0;
            width: 100%;
            height: 100%;
            object-fit: cover
        }
    </style>
    <style id="svelte-1n8d5wk-style">
        :root {
            --filter-text-size: 1rem;
            --filter-text-size-phone: 0.9rem
        }

        .sectionTitle.svelte-1n8d5wk.svelte-1n8d5wk {
            color: var(--pageColor);
            font-family: "Ysabeau";
            font-size: 2.75rem;
            font-weight: bold;
            margin-bottom: 1.1rem;
            margin-top: 5rem
        }

        h2.svelte-1n8d5wk.svelte-1n8d5wk: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-1n8d5wk.svelte-1n8d5wk {
                font-size: 2.2rem;
                margin-top: 3rem;
                line-height: 2.5rem
            }

            h2.svelte-1n8d5wk.svelte-1n8d5wk:not(.sectionTitle) {
                font-size: 1.3rem;
                margin-bottom: 0.4rem
            }
        }

        .section.svelte-1n8d5wk:first-of-type>.sectionTitle.svelte-1n8d5wk:first-of-type {
            margin-top: 0
        }

        #pageContent.svelte-1n8d5wk.svelte-1n8d5wk {
            box-sizing: border-box;
            position: relative;
            width: 50vw;
            margin: 50px 25vw;
            top: 0;
            padding-bottom: 4rem
        }

        .section.svelte-1n8d5wk.svelte-1n8d5wk {
            margin-top: 5rem
        }

        .section.svelte-1n8d5wk.svelte-1n8d5wk:first-child {
            margin-top: 0
        }

        @media only screen and (max-width: 1000px) {
            #pageContent.svelte-1n8d5wk.svelte-1n8d5wk {
                width: 96vw;
                margin: 0 2vw 50px
            }

            .section.svelte-1n8d5wk p {
                font-family: "Ysabeau";
                font-size: 1.08rem;
                line-height: 1.45rem;
                margin: 0.6rem 0 1rem 0
            }
        }
    </style>
    <style id="svelte-1uw8dvx-style">
        :root {
            --filter-text-size: 1rem;
            --filter-text-size-phone: 0.9rem
        }

        h2.svelte-1uw8dvx: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) {
            h2.svelte-1uw8dvx:not(.sectionTitle) {
                font-size: 1.3rem;
                margin-bottom: 0.4rem
            }
        }

        img.svelte-1uw8dvx {
            width: 40%;
            float: left
        }

        .courses.svelte-1uw8dvx p {
            font-family: "Ysabeau";
            font-size: 1.25rem;
            margin: 0;
            display: inline
        }

        .courses.svelte-1uw8dvx a {
            border-bottom: 2px solid var(--pageColor);
            color: black
        }

        .courses.svelte-1uw8dvx a:hover {
            text-decoration: none
        }
    </style>
    <style id="svelte-hfesb3-style">
        .section{
            position: relative;
        }
        .section .before{
            position: absolute;
            content: '';
            top: -5rem;
        }
        .section:first-child .before{
            top: -20rem;
        }
        :root {
            --filter-text-size: 1rem;
            --filter-text-size-phone: 0.9rem
        }

        @media only screen and (max-width: 1000px) {}

        .content.svelte-hfesb3.svelte-hfesb3 {
            margin: 1rem 0
        }

        .content.svelte-hfesb3 a.svelte-hfesb3 {
            font-family: "Ysabeau";
            font-style: italic;
            color: black;
            text-decoration: none;
            font-size: 1.3rem;
            display: inline
        }

        .content.svelte-hfesb3 a.svelte-hfesb3:hover {
            text-decoration: none
        }

        .outreachItems.svelte-hfesb3 .content.svelte-hfesb3 p {
            font-family: "Ysabeau";
            font-size: 1.25rem;
            margin: 0;
            display: inline
        }

        @media only screen and (max-width: 1000px) {
            .content.svelte-hfesb3 a.svelte-hfesb3 {
                font-size: 1.1rem
            }

            .outreachItems.svelte-hfesb3 .content.svelte-hfesb3 p {
                font-family: "Ysabeau";
                font-size: 1.08rem;
                line-height: 1.45rem;
                margin: 0.6rem 0 1rem 0
            }
        }
    </style>