@font-face { font-family: "FT Regola Neue Trial"; src: url("/assets/fonts/FTRegolaNeueTrial/FTRegolaNeueTrial-Regular.woff2") format("woff2"), url("/assets/fonts/FTRegolaNeueTrial/FTRegolaNeueTrial-Regular.woff") format("woff"); font-weight: normal; font-style: normal; }

@font-face { font-family: "FT Regola Neue Trial"; src: url("/assets/fonts/FTRegolaNeueTrial/FTRegolaNeueTrial-Bold.woff2") format("woff2"), url("/assets/fonts/FTRegolaNeueTrial/FTRegolaNeueTrial-Bold.woff") format("woff"); font-weight: bold; font-style: normal; }

@font-face { font-family: "FT Regola Neue Trial"; src: url("/assets/fonts/FTRegolaNeueTrial/FTRegolaNeueTrial-Semibold.woff2") format("woff2"), url("/assets/fonts/FTRegolaNeueTrial/FTRegolaNeueTrial-Semibold.woff") format("woff"); font-weight: 600; font-style: normal; }

@font-face { font-family: 'Messina Sans Book'; src: url("/assets/fonts/MessinaSans/MessinaSans-Book.eot"); src: url("/assets/fonts/MessinaSans/MessinaSans-Book.woff2") format("woff2"), url("/assets/fonts/MessinaSans/MessinaSans-Book.woff") format("woff"), url("/assets/fonts/MessinaSans/MessinaSans-Book.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/MessinaSans/MessinaSans-Book.ttf") format("truetype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Messina Sans'; src: url("/assets/fonts/MessinaSans/MessinaSans-BlackItalic.eot"); src: url("/assets/fonts/MessinaSans/MessinaSans-BlackItalic.woff2") format("woff2"), url("/assets/fonts/MessinaSans/MessinaSans-BlackItalic.woff") format("woff"), url("/assets/fonts/MessinaSans/MessinaSans-BlackItalic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/MessinaSans/MessinaSans-BlackItalic.ttf") format("truetype"); font-weight: 900; font-style: italic; }

@font-face { font-family: 'Messina Sans'; src: url("/assets/fonts/MessinaSans/MessinaSans-SemiBold.eot"); src: url("/assets/fonts/MessinaSans/MessinaSans-SemiBold.woff2") format("woff2"), url("/assets/fonts/MessinaSans/MessinaSans-SemiBold.woff") format("woff"), url("/assets/fonts/MessinaSans/MessinaSans-SemiBold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/MessinaSans/MessinaSans-SemiBold.ttf") format("truetype"); font-weight: 600; font-style: normal; }

@font-face { font-family: 'Messina Sans'; src: url("/assets/fonts/MessinaSans/MessinaSans-Black.eot"); src: url("/assets/fonts/MessinaSans/MessinaSans-Black.woff2") format("woff2"), url("/assets/fonts/MessinaSans/MessinaSans-Black.woff") format("woff"), url("/assets/fonts/MessinaSans/MessinaSans-Black.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/MessinaSans/MessinaSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; }

@font-face { font-family: 'Messina Sans'; src: url("/assets/fonts/MessinaSans/MessinaSans-Bold.eot"); src: url("/assets/fonts/MessinaSans/MessinaSans-Bold.woff2") format("woff2"), url("/assets/fonts/MessinaSans/MessinaSans-Bold.woff") format("woff"), url("/assets/fonts/MessinaSans/MessinaSans-Bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/MessinaSans/MessinaSans-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; }

@font-face { font-family: 'Messina Sans'; src: url("/assets/fonts/MessinaSans/MessinaSans-SemiBoldItalic.eot"); src: url("/assets/fonts/MessinaSans/MessinaSans-SemiBoldItalic.woff2") format("woff2"), url("/assets/fonts/MessinaSans/MessinaSans-SemiBoldItalic.woff") format("woff"), url("/assets/fonts/MessinaSans/MessinaSans-SemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/MessinaSans/MessinaSans-SemiBoldItalic.ttf") format("truetype"); font-weight: 600; font-style: italic; }

@font-face { font-family: 'Messina Sans'; src: url("/assets/fonts/MessinaSans/MessinaSans-Regular.eot"); src: url("/assets/fonts/MessinaSans/MessinaSans-Regular.woff2") format("woff2"), url("/assets/fonts/MessinaSans/MessinaSans-Regular.woff") format("woff"), url("/assets/fonts/MessinaSans/MessinaSans-Regular.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/MessinaSans/MessinaSans-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Messina Sans'; src: url("/assets/fonts/MessinaSans/MessinaSans-LightItalic.eot"); src: url("/assets/fonts/MessinaSans/MessinaSans-LightItalic.woff2") format("woff2"), url("/assets/fonts/MessinaSans/MessinaSans-LightItalic.woff") format("woff"), url("/assets/fonts/MessinaSans/MessinaSans-LightItalic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/MessinaSans/MessinaSans-LightItalic.ttf") format("truetype"); font-weight: 300; font-style: italic; }

@font-face { font-family: 'Messina Sans'; src: url("/assets/fonts/MessinaSans/MessinaSans-BoldItalic.eot"); src: url("/assets/fonts/MessinaSans/MessinaSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/MessinaSans/MessinaSans-BoldItalic.woff") format("woff"), url("/assets/fonts/MessinaSans/MessinaSans-BoldItalic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/MessinaSans/MessinaSans-BoldItalic.ttf") format("truetype"); font-weight: bold; font-style: italic; }

@font-face { font-family: 'Messina Sans Book'; src: url("/assets/fonts/MessinaSans/MessinaSans-BookItalic.eot"); src: url("/assets/fonts/MessinaSans/MessinaSans-BookItalic.woff2") format("woff2"), url("/assets/fonts/MessinaSans/MessinaSans-BookItalic.woff") format("woff"), url("/assets/fonts/MessinaSans/MessinaSans-BookItalic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/MessinaSans/MessinaSans-BookItalic.ttf") format("truetype"); font-weight: normal; font-style: italic; }

@font-face { font-family: 'Messina Sans'; src: url("/assets/fonts/MessinaSans/MessinaSans-RegularItalic.eot"); src: url("/assets/fonts/MessinaSans/MessinaSans-RegularItalic.woff2") format("woff2"), url("/assets/fonts/MessinaSans/MessinaSans-RegularItalic.woff") format("woff"), url("/assets/fonts/MessinaSans/MessinaSans-RegularItalic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/MessinaSans/MessinaSans-RegularItalic.ttf") format("truetype"); font-weight: normal; font-style: italic; }

@font-face { font-family: 'Messina Sans'; src: url("/assets/fonts/MessinaSans/MessinaSans-Light.eot"); src: url("/assets/fonts/MessinaSans/MessinaSans-Light.woff2") format("woff2"), url("/assets/fonts/MessinaSans/MessinaSans-Light.woff") format("woff"), url("/assets/fonts/MessinaSans/MessinaSans-Light.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/MessinaSans/MessinaSans-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; }

@font-face { font-family: 'Inter'; src: url("/assets/fonts/Inter/Inter-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; }

@font-face { font-family: 'Inter'; src: url("/assets/fonts/Inter/Inter-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; }

@font-face { font-family: 'Messina Serif'; src: url("/assets/fonts/MessinaSerif/MessinaSerif_Variable_Upright_Web.woff") format("woff"); src: url("/assets/fonts/MessinaSerif/MessinaSerif_Variable_Upright_Web.woff2") format("woff2"); font-weight: 100; font-style: normal; }

@font-face { font-family: 'Messina Serif'; src: url("/assets/fonts/MessinaSerif/MessinaSerif_Variable_Italic_Web.woff") format("woff"); src: url("/assets/fonts/MessinaSerif/MessinaSerif_Variable_Italic_Web.woff2") format("woff2"); font-weight: 100; font-style: italic; }

@font-face { font-family: 'Messina Serif'; src: url("/assets/fonts/MessinaSerif/MessinaSerif_Variable_Upright_Web.woff") format("woff"); src: url("/assets/fonts/MessinaSerif/MessinaSerif_Variable_Upright_Web.woff2") format("woff2"); font-weight: 200; font-style: normal; }

@font-face { font-family: 'Messina Serif'; src: url("/assets/fonts/MessinaSerif/MessinaSerif_Variable_Italic_Web.woff") format("woff"); src: url("/assets/fonts/MessinaSerif/MessinaSerif_Variable_Italic_Web.woff2") format("woff2"); font-weight: 200; font-style: italic; }

@font-face { font-family: 'Messina Serif'; src: url("/assets/fonts/MessinaSerif/MessinaSerif_Variable_Upright_Web.woff") format("woff"); src: url("/assets/fonts/MessinaSerif/MessinaSerif_Variable_Upright_Web.woff2") format("woff2"); font-weight: 300; font-style: normal; }

@font-face { font-family: 'Messina Serif'; src: url("/assets/fonts/MessinaSerif/MessinaSerif_Variable_Italic_Web.woff") format("woff"); src: url("/assets/fonts/MessinaSerif/MessinaSerif_Variable_Italic_Web.woff2") format("woff2"); font-weight: 300; font-style: italic; }

@font-face { font-family: 'Messina Serif'; src: url("/assets/fonts/MessinaSerif/MessinaSerif_Variable_Upright_Web.woff") format("woff"); src: url("/assets/fonts/MessinaSerif/MessinaSerif_Variable_Upright_Web.woff2") format("woff2"); font-weight: 400; font-style: normal; }

@font-face { font-family: 'Messina Serif'; src: url("/assets/fonts/MessinaSerif/MessinaSerif_Variable_Italic_Web.woff") format("woff"); src: url("/assets/fonts/MessinaSerif/MessinaSerif_Variable_Italic_Web.woff2") format("woff2"); font-weight: 400; font-style: italic; }

@font-face { font-family: 'Messina Serif'; src: url("/assets/fonts/MessinaSerif/MessinaSerif_Variable_Upright_Web.woff") format("woff"); src: url("/assets/fonts/MessinaSerif/MessinaSerif_Variable_Upright_Web.woff2") format("woff2"); font-weight: 500; font-style: normal; }

@font-face { font-family: 'Messina Serif'; src: url("/assets/fonts/MessinaSerif/MessinaSerif_Variable_Italic_Web.woff") format("woff"); src: url("/assets/fonts/MessinaSerif/MessinaSerif_Variable_Italic_Web.woff2") format("woff2"); font-weight: 500; font-style: italic; }

@font-face { font-family: 'Messina Serif'; src: url("/assets/fonts/MessinaSerif/MessinaSerif_Variable_Upright_Web.woff") format("woff"); src: url("/assets/fonts/MessinaSerif/MessinaSerif_Variable_Upright_Web.woff2") format("woff2"); font-weight: 600; font-style: normal; }

@font-face { font-family: 'Messina Serif'; src: url("/assets/fonts/MessinaSerif/MessinaSerif_Variable_Italic_Web.woff") format("woff"); src: url("/assets/fonts/MessinaSerif/MessinaSerif_Variable_Italic_Web.woff2") format("woff2"); font-weight: 600; font-style: italic; }

@font-face { font-family: 'Messina Serif'; src: url("/assets/fonts/MessinaSerif/MessinaSerif_Variable_Upright_Web.woff") format("woff"); src: url("/assets/fonts/MessinaSerif/MessinaSerif_Variable_Upright_Web.woff2") format("woff2"); font-weight: 700; font-style: normal; }

@font-face { font-family: 'Messina Serif'; src: url("/assets/fonts/MessinaSerif/MessinaSerif_Variable_Italic_Web.woff") format("woff"); src: url("/assets/fonts/MessinaSerif/MessinaSerif_Variable_Italic_Web.woff2") format("woff2"); font-weight: 700; font-style: italic; }

@font-face { font-family: 'Messina Serif'; src: url("/assets/fonts/MessinaSerif/MessinaSerif_Variable_Upright_Web.woff") format("woff"); src: url("/assets/fonts/MessinaSerif/MessinaSerif_Variable_Upright_Web.woff2") format("woff2"); font-weight: 800; font-style: normal; }

@font-face { font-family: 'Messina Serif'; src: url("/assets/fonts/MessinaSerif/MessinaSerif_Variable_Italic_Web.woff") format("woff"); src: url("/assets/fonts/MessinaSerif/MessinaSerif_Variable_Italic_Web.woff2") format("woff2"); font-weight: 800; font-style: italic; }

@font-face { font-family: 'Messina Serif'; src: url("/assets/fonts/MessinaSerif/MessinaSerif_Variable_Upright_Web.woff") format("woff"); src: url("/assets/fonts/MessinaSerif/MessinaSerif_Variable_Upright_Web.woff2") format("woff2"); font-weight: 900; font-style: normal; }

@font-face { font-family: 'Messina Serif'; src: url("/assets/fonts/MessinaSerif/MessinaSerif_Variable_Italic_Web.woff") format("woff"); src: url("/assets/fonts/MessinaSerif/MessinaSerif_Variable_Italic_Web.woff2") format("woff2"); font-weight: 900; font-style: italic; }

/* Some aliases we might want to remove */
@font-face { font-family: 'Messina Serif Variable Upright'; src: url("/assets/fonts/MessinaSerif/MessinaSerif_Variable_Upright_Web.woff") format("woff"); src: url("/assets/fonts/MessinaSerif/MessinaSerif_Variable_Upright_Web.woff2") format("woff2"); font-weight: 100; font-style: normal; }

@font-face { font-family: 'Messina Serif Variable Italic'; src: url("/assets/fonts/MessinaSerif/MessinaSerif_Variable_Italic_Web.woff") format("woff"); src: url("/assets/fonts/MessinaSerif/MessinaSerif_Variable_Italic_Web.woff2") format("woff2"); font-weight: 100; font-style: italic; }

@font-face { font-family: 'Messina Serif Variable Upright'; src: url("/assets/fonts/MessinaSerif/MessinaSerif_Variable_Upright_Web.woff") format("woff"); src: url("/assets/fonts/MessinaSerif/MessinaSerif_Variable_Upright_Web.woff2") format("woff2"); font-weight: 200; font-style: normal; }

@font-face { font-family: 'Messina Serif Variable Italic'; src: url("/assets/fonts/MessinaSerif/MessinaSerif_Variable_Italic_Web.woff") format("woff"); src: url("/assets/fonts/MessinaSerif/MessinaSerif_Variable_Italic_Web.woff2") format("woff2"); font-weight: 200; font-style: italic; }

@font-face { font-family: 'Messina Serif Variable Upright'; src: url("/assets/fonts/MessinaSerif/MessinaSerif_Variable_Upright_Web.woff") format("woff"); src: url("/assets/fonts/MessinaSerif/MessinaSerif_Variable_Upright_Web.woff2") format("woff2"); font-weight: 300; font-style: normal; }

@font-face { font-family: 'Messina Serif Variable Italic'; src: url("/assets/fonts/MessinaSerif/MessinaSerif_Variable_Italic_Web.woff") format("woff"); src: url("/assets/fonts/MessinaSerif/MessinaSerif_Variable_Italic_Web.woff2") format("woff2"); font-weight: 300; font-style: italic; }

@font-face { font-family: 'Messina Serif Variable Upright'; src: url("/assets/fonts/MessinaSerif/MessinaSerif_Variable_Upright_Web.woff") format("woff"); src: url("/assets/fonts/MessinaSerif/MessinaSerif_Variable_Upright_Web.woff2") format("woff2"); font-weight: 400; font-style: normal; }

@font-face { font-family: 'Messina Serif Variable Italic'; src: url("/assets/fonts/MessinaSerif/MessinaSerif_Variable_Italic_Web.woff") format("woff"); src: url("/assets/fonts/MessinaSerif/MessinaSerif_Variable_Italic_Web.woff2") format("woff2"); font-weight: 400; font-style: italic; }

@font-face { font-family: 'Messina Serif Variable Upright'; src: url("/assets/fonts/MessinaSerif/MessinaSerif_Variable_Upright_Web.woff") format("woff"); src: url("/assets/fonts/MessinaSerif/MessinaSerif_Variable_Upright_Web.woff2") format("woff2"); font-weight: 500; font-style: normal; }

@font-face { font-family: 'Messina Serif Variable Italic'; src: url("/assets/fonts/MessinaSerif/MessinaSerif_Variable_Italic_Web.woff") format("woff"); src: url("/assets/fonts/MessinaSerif/MessinaSerif_Variable_Italic_Web.woff2") format("woff2"); font-weight: 500; font-style: italic; }

@font-face { font-family: 'Messina Serif Variable Upright'; src: url("/assets/fonts/MessinaSerif/MessinaSerif_Variable_Upright_Web.woff") format("woff"); src: url("/assets/fonts/MessinaSerif/MessinaSerif_Variable_Upright_Web.woff2") format("woff2"); font-weight: 600; font-style: normal; }

@font-face { font-family: 'Messina Serif Variable Italic'; src: url("/assets/fonts/MessinaSerif/MessinaSerif_Variable_Italic_Web.woff") format("woff"); src: url("/assets/fonts/MessinaSerif/MessinaSerif_Variable_Italic_Web.woff2") format("woff2"); font-weight: 600; font-style: italic; }

@font-face { font-family: 'Messina Serif Variable Upright'; src: url("/assets/fonts/MessinaSerif/MessinaSerif_Variable_Upright_Web.woff") format("woff"); src: url("/assets/fonts/MessinaSerif/MessinaSerif_Variable_Upright_Web.woff2") format("woff2"); font-weight: 700; font-style: normal; }

@font-face { font-family: 'Messina Serif Variable Italic'; src: url("/assets/fonts/MessinaSerif/MessinaSerif_Variable_Italic_Web.woff") format("woff"); src: url("/assets/fonts/MessinaSerif/MessinaSerif_Variable_Italic_Web.woff2") format("woff2"); font-weight: 700; font-style: italic; }

@font-face { font-family: 'Messina Serif Variable Upright'; src: url("/assets/fonts/MessinaSerif/MessinaSerif_Variable_Upright_Web.woff") format("woff"); src: url("/assets/fonts/MessinaSerif/MessinaSerif_Variable_Upright_Web.woff2") format("woff2"); font-weight: 800; font-style: normal; }

@font-face { font-family: 'Messina Serif Variable Italic'; src: url("/assets/fonts/MessinaSerif/MessinaSerif_Variable_Italic_Web.woff") format("woff"); src: url("/assets/fonts/MessinaSerif/MessinaSerif_Variable_Italic_Web.woff2") format("woff2"); font-weight: 800; font-style: italic; }

@font-face { font-family: 'Messina Serif Variable Upright'; src: url("/assets/fonts/MessinaSerif/MessinaSerif_Variable_Upright_Web.woff") format("woff"); src: url("/assets/fonts/MessinaSerif/MessinaSerif_Variable_Upright_Web.woff2") format("woff2"); font-weight: 900; font-style: normal; }

@font-face { font-family: 'Messina Serif Variable Italic'; src: url("/assets/fonts/MessinaSerif/MessinaSerif_Variable_Italic_Web.woff") format("woff"); src: url("/assets/fonts/MessinaSerif/MessinaSerif_Variable_Italic_Web.woff2") format("woff2"); font-weight: 900; font-style: italic; }

@font-face { font-family: 'PT Mono'; src: url("/assets/fonts/PTMono/PTMono-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; }

:root { --epoch-green-100: #E6FEF3; --epoch-green-400: #34D2B9; --epoch-gray-900: #091D21; --top-nav-bar-height: 64px; }

html { box-sizing: border-box; }

html *, html *:before, html *:after { box-sizing: inherit; }

#top-nav-bar { position: sticky; top: 0; z-index: 1000001; background: var(--navbar-color, #FFF); display: flex; flex-direction: column; gap: 0; }

#top-nav-bar a { text-decoration: none; }

#top-nav-bar .top-strip { display: flex; justify-content: center; align-items: center; border-bottom: 1px solid var(--Gray-300, #CCD8D9); height: 64px; padding-left: 24px; padding-right: 24px; }

@media (min-width: 680px) { #top-nav-bar .top-strip { padding-left: 32px; padding-right: 32px; } }

@media (min-width: 1440px) { #top-nav-bar .top-strip { padding-left: 64px; padding-right: 64px; } }

#top-nav-bar .navigation { display: flex; max-width: 1424px; justify-content: space-between; align-items: center; flex: 1 0 0; }

#top-nav-bar .logo-container { display: flex; padding: 2px 0px; }

#top-nav-bar .logo { display: flex; flex-shrink: 0; align-self: stretch; text-decoration: none; word-break: initial; }

#top-nav-bar .logo .logo-white { display: none; }

#top-nav-bar .round { cursor: pointer; display: flex; width: 150px; max-height: 22px; justify-content: flex-start; align-items: flex-start; flex-shrink: 0; gap: 8px; }

#top-nav-bar .round img { height: 100%; }

@media (min-width: 1120px) { #top-nav-bar .round { gap: 8.801px; } }

#top-nav-bar .logo-text { color: #09373A; font-family: FT Regola Neue Trial; font-style: normal; font-weight: 600; line-height: normal; font-size: 20px; }

@media (min-width: 1120px) { #top-nav-bar .logo-text { font-size: 22px; } }

#top-nav-bar .search-menu-item { padding-right: 0 !important; }

@media (max-width: 1119px) { #top-nav-bar .search-menu-item { display: flex; flex-direction: row; align-items: flex-start; gap: 8px; align-self: stretch; } }

#top-nav-bar .search-menu-item.current-menu-item svg path { stroke-width: 2px; }

#top-nav-bar .loupe-container { display: inline-flex; height: 48px; width: 48px; padding: 4px 8px; padding-top: 3px; justify-content: center; align-items: center; gap: 8px; border-radius: 5000px; }

#top-nav-bar .loupe-container:hover { background-color: #EBF5F4; }

#top-nav-bar .loupe-container:active { background-color: #E6FEF3; }

#top-nav-bar .loupe { width: 24px; height: 24px; }

#top-nav-bar .narrow-menu { display: flex; justify-content: flex-end; align-items: center; gap: 40px; flex: 1 0 0; align-self: stretch; }

#top-nav-bar .narrow-menu-contents { display: flex; flex-direction: column; justify-content: center; align-items: center; align-self: stretch; }

#top-nav-bar .narrow-menu-bundle { display: flex; align-items: flex-end; gap: 8px; cursor: pointer; }

#top-nav-bar .narrow-menu-label { color: var(--epoch-gray-900, #091D21); font-family: Messina Sans; font-size: 16px; font-style: normal; font-weight: 600; line-height: 28px; /* 164.706% */ }

#top-nav-bar .narrow-menu-container { display: flex; height: 48px; width: 48px; margin-right: -12px; justify-content: center; align-items: center; gap: 8px; border-radius: 5000px; }

#top-nav-bar .narrow-menu-container:hover { background-color: #EBF5F4; }

#top-nav-bar .narrow-menu-container:active { background-color: #E6FEF3; }

#top-nav-bar .narrow-menu-icon { width: 24px; height: 24px; }

#top-nav-bar .narrow-menu-items { display: flex; padding: 0px 64px; justify-content: center; align-self: stretch; transition: height 0.2s ease-in-out, border-bottom-color 0.05s ease-in-out 0.15s; overflow: auto; -ms-overflow-style: none; scrollbar-width: none; border-bottom: 1px solid; border-bottom-color: rgba(3, 71, 82, 0.1); max-height: calc(100vh - 80px); }

#top-nav-bar .narrow-menu-items::-webkit-scrollbar { display: none; }

#top-nav-bar .narrow-menu-items:not(.open) { height: 0px; padding-top: 0; padding-bottom: 0; border-bottom-color: rgba(3, 71, 82, 0); }

#top-nav-bar .narrow-menu-items-contents { display: flex; flex-direction: column; padding: 0; gap: 32px; }

#top-nav-bar .narrow-menu-items-contents .menu-item-label { font-size: 16px; font-weight: 600; }

#top-nav-bar .narrow-menu-items-contents .loupe-container { padding: 3.833px 4px 4.01px 4px; }

#top-nav-bar .narrow-menu-items-contents .loupe-container svg path { stroke-width: 2px; }

#top-nav-bar .narrow-menu-items-contents .menu-item:first-child { padding-top: 48px; }

#top-nav-bar .narrow-menu-items-contents .menu-item:last-child { padding-bottom: 48px; }

#top-nav-bar.dark .top-strip, #top-nav-bar.dark .narrow-menu-items { border-bottom: 1px solid rgba(255, 255, 255, 0.1); }

#top-nav-bar.dark .logo .logo-normal { display: none; }

#top-nav-bar.dark .logo .logo-white { display: initial; }

#top-nav-bar.dark .logo-text, #top-nav-bar.dark .menu-item-label, #top-nav-bar.dark .narrow-menu-label { color: white; }

#top-nav-bar.dark .loupe path, #top-nav-bar.dark .narrow-menu-icon path { stroke: white; }

#top-nav-bar.dark .submenu { border: 1px solid rgba(255, 255, 255, 0.1); }

#top-nav-bar.dark .menu-item, #top-nav-bar.dark .submenu-item { color: white; text-decoration-color: white; }

#top-nav-bar.dark .menu-item:hover, #top-nav-bar.dark .submenu-item:hover { color: white; text-decoration-color: white; }

#top-nav-bar.dark .chevron path { stroke: white; }

@media (min-width: 680px) { #top-nav-bar .top-strip { display: flex; justify-content: center; align-items: center; align-self: stretch; } #top-nav-bar .navigation { display: flex; align-items: center; gap: 48px; flex: 1 0 0; align-self: stretch; } #top-nav-bar .logo { justify-content: center; } }

#top-nav-bar .wide-menu { display: none; align-items: center; align-self: stretch; }

#top-nav-bar .menu-item { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; align-self: stretch; padding-right: 40px; }

#top-nav-bar .menu-item-link { display: flex; flex: 1; flex-direction: column; justify-content: center; align-items: center; align-self: stretch; text-decoration: none; color: var(--epoch-gray-900, #07171A); font-family: Messina Sans; font-size: 16px; font-weight: 400; line-height: 28px; cursor: pointer; }

#top-nav-bar .menu-item:not(.has-dropdown) .menu-item-link:hover { color: var(--epoch-gray-900, #07171A); text-decoration: underline; text-decoration-color: var(--epoch-gray-900, #07171A); }

#top-nav-bar .menu-item-label { display: flex; gap: 8px; align-items: center; }

#top-nav-bar .menu-item.has-dropdown:hover .submenu { display: flex; flex-direction: column; gap: 16px; }

#top-nav-bar .menu-item.has-dropdown:hover .menu-item-link .chevron { transform: rotate(-180deg); }

#top-nav-bar .menu-item.has-dropdown:hover .menu-item-link { cursor: default; }

#top-nav-bar .submenu { display: none; position: absolute; top: 100%; left: -33%; background-color: var(--navbar-color, #FFF); border: 1px solid var(--Gray-300, #CCD8D9); z-index: 1000; padding: 16px 40px 16px 16px; min-width: 233px; }

#top-nav-bar .submenu[data-submenu-id="Data & Resources"] { left: -33px; }

#top-nav-bar .submenu[data-submenu-id="Projects"] { left: -61px; }

#top-nav-bar .submenu[data-submenu-id="About"] { left: -67.5px; }

#top-nav-bar .submenu-item { display: block; font-family: Messina Sans; font-size: 16px; font-weight: 400; line-height: 28px; text-align: left; color: var(--epoch-gray-900, #07171A); text-wrap: nowrap; }

#top-nav-bar .submenu-item:hover { color: var(--epoch-gray-900, #07171A); text-decoration: underline; text-decoration-color: var(--epoch-gray-900, #07171A); }

@media (min-width: 1120px) { #top-nav-bar .wide-menu { display: flex; } #top-nav-bar .narrow-menu { display: none; } #top-nav-bar .narrow-menu-items { display: none; } }

.sidebar { position: fixed; top: 0; right: 0; max-width: 400px; width: 100%; height: 100vh; background-color: white; z-index: 1000003; transform: translateX(100%); transition: transform 0.3s ease-in-out; }

.sidebar a, .sidebar .menu-list-title { font-family: Messina Sans; font-size: 16px; font-weight: 400; line-height: 28px; text-align: left; text-decoration: none; color: #091D21; }

.sidebar .menu-header { display: flex; justify-content: space-between; align-items: center; padding: 28px 24px; height: 64px; border-bottom: 1px solid var(--Gray-300, #CCD8D9); }

.sidebar .menu-header .logo-container { display: flex; padding: 2px 0; }

.sidebar .menu-header .logo-container .logo { display: flex; flex-shrink: 0; align-self: stretch; text-decoration: none; word-break: initial; }

.sidebar .menu-header .logo-container .logo .logo-white { display: none; }

.sidebar .menu-header .logo-container .logo .round { cursor: pointer; display: flex; max-width: 150px; max-height: 22px; justify-content: flex-start; align-items: flex-start; flex-shrink: 0; gap: 8px; }

.sidebar .menu-header .logo-container .logo .round img { height: 100%; }

@media (min-width: 1120px) { .sidebar .menu-header .logo-container .logo .round { gap: 8.801px; } }

.sidebar .menu-header .logo-container .logo .logo-text { color: #09373A; font-family: FT Regola Neue Trial; font-weight: 600; line-height: normal; font-size: 20px; }

@media (min-width: 1120px) { .sidebar .menu-header .logo-container .logo .logo-text { font-size: 22px; } }

.sidebar .menu-header .close-button { cursor: pointer; display: flex; justify-content: center; align-items: center; height: 48px; width: 48px; margin-right: -17px; background: transparent; border: none; border-radius: 50000px; }

.sidebar .menu-header .close-button:hover { background-color: #EBF5F4; }

.sidebar .menu-header .close-button:active { background-color: #E6FEF3; }

.sidebar .menu-list { padding: 16px 0; position: absolute; top: 0; width: 100%; height: 100%; visibility: hidden; opacity: 0; transform: translateX(100%); /* Default off-screen position */ transition: transform 0.5s ease-in-out, opacity 0s ease-in-out 0.5s, visibility 0s ease-in-out 0.5s; /* Delay visibility toggle for 0.5s */ }

.sidebar .menu-list-container { position: relative; overflow: hidden; height: 100%; }

.sidebar .menu-list-title a { padding: 8px 24px; display: flex; align-items: center; gap: 4px; color: #3E555E; }

.sidebar .menu-list-title a .chevron { transform: rotate(180deg); }

.sidebar .menu-list-title a .chevron path { stroke: #3E555E; }

.sidebar .menu-list-title a:hover { background-color: #EBF5F4; }

.sidebar .menu-list-title a:active { background-color: #E6FEF3; }

.sidebar .menu-list.active { visibility: visible; /* Instantly visible when active */ opacity: 1; /* Fully opaque */ transform: translateX(0); /* Centered on screen */ transition: transform 0.5s ease-in-out, opacity 0s ease-in-out, visibility 0s; /* Instantly set visibility to visible */ }

.sidebar .menu-list.prev { visibility: visible; /* Ensure it is visible during the transition */ opacity: 1; /* Transition smoothly to the new state */ transform: translateX(-100%); }

.sidebar .menu-list.next { visibility: visible; /* Ensure it is visible during the transition */ opacity: 1; /* Transition smoothly to the new state */ transform: translateX(100%); }

.sidebar .menu-list:not(.active) { visibility: hidden; /* Hidden after fade-out completes */ opacity: 0; /* Fully transparent */ transition: transform 0.5s ease-in-out, opacity 0s ease-in-out 0.5s, visibility 0s ease-in-out 0.5s; /* Visibility toggle delayed */ }

.sidebar .menu-list ul { display: flex; margin: 0; flex-direction: column; list-style: none; padding: 0; }

.sidebar .menu-list ul .menu-item { padding: 8px 24px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color: #07171A; }

.sidebar .menu-list ul .menu-item:hover { background-color: #EBF5F4; }

.sidebar .menu-list ul .menu-item:active { background-color: #E6FEF3; }

.sidebar .menu-list-title + ul .menu-item { padding-left: 52px; }

.sidebar .loupe-container { display: inline-flex; justify-content: center; align-items: center; height: 48px; width: 48px; gap: 8px; }

.sidebar-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(7, 23, 26, 0.2); z-index: 1000002; display: none; opacity: 0; transition: opacity 0.3s ease-in-out; }

.sidebar-overlay[style*="display: block"] { opacity: 1; }

:root { --epoch-green-100: #E6FEF3; --epoch-green-400: #34D2B9; --epoch-green-700: #034752; --epoch-gray-900: #091D21; --base-white: #fff; }

#footer-container { background: #102930; }

#footer-container *, #footer-container *:before, #footer-container *:after { box-sizing: inherit; }

#footer-container .banner { background: #034752; display: flex; flex-flow: wrap; justify-content: center; align-items: center; gap: 24px; }

@media (max-width: 1119px) { #footer-container .banner { padding: 48px 25px; flex-direction: column; } #footer-container .banner .banner-text { padding: 0 7px; } }

@media (min-width: 1120px) { #footer-container .banner { padding: 29px 0px; flex-direction: row; } }

#footer-container .banner-text { color: var(--base-white); text-align: center; font-family: Messina Sans; font-size: 18px; font-weight: 400; line-height: 32px; letter-spacing: -0.36px; }

#footer-container .banner-buttons { display: flex; align-items: flex-start; gap: 16px; flex-wrap: wrap; place-content: center; }

#footer-container .footer { display: flex; flex-direction: column; max-width: 1568px; padding: 48px 24px; margin: 0 auto; gap: 48px; }

#footer-container .footer a { color: inherit; }

@media (min-width: 834px) { #footer-container .footer { padding: 48px 32px; } }

@media (min-width: 1026px) { #footer-container .footer { padding: 48px 56px; } }

@media (min-width: 1440px) { #footer-container .footer { padding: 48px 72px; } }

#footer-container .top { display: flex; gap: 56px; flex-direction: row; justify-content: space-between; }

@media (max-width: 1026px) { #footer-container .top { flex-direction: column; justify-content: flex-start; } #footer-container .top .logo-newsletter, #footer-container .top .map-wrapper { display: contents; } #footer-container .top .logo { order: 1; } #footer-container .top .map { order: 2; } #footer-container .top .newsletter { order: 3; } #footer-container .top .social { order: 4; } }

#footer-container .logo-newsletter { display: flex; flex-direction: column; align-items: flex-start; gap: 32px; }

@media (min-width: 1120px) { #footer-container .logo-newsletter { width: 35%; } }

#footer-container .logo-wrapper { display: flex; justify-content: flex-start; align-items: flex-start; }

#footer-container .logo { height: 27px; gap: 10px; text-align: left; transition: 0.2s; }

#footer-container .logo img { fill: var(--epoch-green-100); }

#footer-container .logo-text { color: var(--epoch-green-100); font-family: FT Regola Neue Trial; font-size: 25px; font-style: normal; font-weight: 600; line-height: normal; }

#footer-container .newsletter { display: flex; flex-direction: column; width: 100%; gap: 24px; }

#footer-container .newsletter-text { color: var(--epoch-green-100); font-family: Messina Sans; font-size: 16px; font-style: normal; font-weight: 400; line-height: 160%; letter-spacing: -0.16px; }

#footer-container .map { display: flex; column-gap: 40px; row-gap: 64px; width: 100%; flex-direction: column; }

@media (min-width: 834px) { #footer-container .map { flex-direction: row; } }

@media (min-width: 1440px) { #footer-container .map { column-gap: 48px; } }

#footer-container .map a:hover { text-decoration: underline; }

#footer-container .map-group { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; width: 100%; }

@media (min-width: 834px) { #footer-container .map-group { width: 33%; } }

@media (min-width: 1440px) { #footer-container .map-group { min-width: 204px; } }

#footer-container .map-header { color: var(--Gray-500, #5C737B); font-family: Messina Sans; font-size: 16px; font-weight: 600; line-height: 24px; letter-spacing: 0.01em; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; text-transform: uppercase; }

#footer-container .map-list { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; margin: 0; padding-left: 0; }

#footer-container .map-list a { text-decoration: none; }

#footer-container .map-list-item { list-style-type: none; padding-left: 0; color: var(--epoch-green-100, #E6FEF3); font-family: Messina Sans; font-size: 16px; font-style: normal; font-weight: 400; line-height: 160%; letter-spacing: -0.16px; }

#footer-container .bottom { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 24px; padding-top: 16px; align-self: stretch; border-top: 1px solid var(--Gray-300, #CCD8D9); font-family: Messina Sans; font-size: 14px; font-weight: 400; line-height: 21px; letter-spacing: 0.005em; text-align: left; color: #CCD8D9; }

@media (min-width: 834px) { #footer-container .bottom { justify-content: space-between; flex-direction: row; } }

#footer-container .bottom a { text-decoration: none; }

#footer-container .bottom a:hover { text-decoration: underline; text-decoration-color: #CCD8D9; }

#footer-container .bottom .sponsorship-notice a { text-decoration: underline; }

#footer-container .bottom .sponsorship-notice a:hover { text-decoration: none; }

#footer-container .logos { display: flex; padding: 4px 0px; align-items: flex-start; gap: 20px; }

#footer-container .logos .logo { height: 32px; cursor: pointer; opacity: 0.5; }

#footer-container .logos .logo:hover { opacity: 1; }

#footer-container .social { display: flex; align-items: flex-start; gap: 40px; align-self: stretch; }

#footer-container .social-item { width: 32px; height: 32px; cursor: pointer; transition: 0.2s; }

#footer-container .social-item:hover { opacity: 0.6; }

.research-grid { justify-content: left; grid-column: page; }

.research-grid .research-card { padding: 10px; min-height: 350px; max-width: 300px; width: 100%; background-color: #e7e7e7; border-radius: var(--default-radius); box-sizing: border-box; border-style: none !important; text-decoration: none; overflow: hidden; }

.research-grid .research-card .type { font-size: 14px; }

.research-grid .research-card .info-cdr { position: relative; }

.research-grid .research-card .hovered-text { opacity: 0; }

.research-grid .research-card .unhovered-text { opacity: 1; }

.research-grid .research-card .unhovered-text { position: absolute; height: 100%; width: 100%; top: 0; }

.research-grid .research-card .unhovered-text, .research-grid .research-card .hovered-text { transition: opacity 0.2s ease; }

.research-grid .research-card.show-description-on-hover:hover .hovered-text { opacity: 1; }

.research-grid .research-card.show-description-on-hover:hover .unhovered-text { opacity: 0; }

@media (hover: none) { .research-grid { /* For touch devices, show all data at once */ } .research-grid .research-card:hover .hovered-text, .research-grid .research-card:hover .unhovered-text, .research-grid .hovered-text, .research-grid .unhovered-text { opacity: 1; position: relative; } }

.box-list .box-item { vertical-align: top; color: #111; padding: 10px 10px 10px 30px; background-color: #e7e7e7; border-radius: var(--default-radius); }

.box-list .box-item:hover { text-decoration: none; }

.box-list .box-item .button { color: white; text-transform: uppercase; background-color: #03989e; font-weight: bold; border: none; }

.box-list .box-item { margin-bottom: 2em; }

.box-list .left-column { flex: auto; padding-right: 10px; }

.box-list .right-column { flex: 0 0 41%; }

@media (max-width: 750px) { .box-list .right-column { flex-basis: 0; } }

.collection-grid { display: flex; gap: 30px; vertical-align: top; padding-bottom: 40px; flex-wrap: wrap; justify-content: center; }

.collection-grid img { max-height: 300px; max-width: 100%; display: block; border-radius: var(--default-radius); }

:root { --default-max-section-width: 1680px; --Epoch-Website-Gray-300: #CCD8D9; }

html { scroll-behavior: smooth; }

body { margin: 0; }

p { margin: 0; }

h1, h2, h3, h4, h5, h6 { margin: 0; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-underline-offset: 0.1em; }

html { box-sizing: border-box; }

* { box-sizing: inherit; }

.hidden { display: none !important; }

[role="button"] { cursor: pointer; }

.button { transition: all 0.2s, border 0s, margin 0s; cursor: pointer; text-decoration: none; border-radius: 100px; display: flex; justify-content: center; align-items: center; gap: 8px; align-self: stretch; width: fit-content; font-family: Messina Sans; font-size: 16px; font-style: normal; font-weight: 600; line-height: 20px; /* 125% */ white-space: nowrap; border: none; }

.button.disabled { cursor: default; }

.button:focus-visible { outline-width: 0; }

.button.filled-dark-button { padding: 16px 28px; color: var(--epoch-white, #FFF); background: var(--epoch-green-900, #102930); }

.button.filled-dark-button:hover { background: #000; }

.button.filled-dark-button:focus-visible { box-shadow: 0px 0px 10px 0px #00A5A6; }

.button.filled-dark-button.disabled { background: rgba(16, 41, 48, 0.2); backdrop-filter: blur(2px); }

.button.outline-dark-big-button { padding: 12px 24px; border: 2px solid var(--epoch-green-900, #102930); color: var(--epoch-green-900, #102930); }

.button.outline-dark-big-button:hover { color: #000; border: 2px solid #000; }

.button.outline-dark-big-button:focus-visible { color: var(--epoch-green-900, #102930); background: rgba(255, 255, 255, 0.01); box-shadow: 0px 0px 10px 0px #00A5A6; }

.button.outline-dark-big-button.disabled { color: rgba(16, 41, 48, 0.2); border: 2px solid rgba(16, 41, 48, 0.2); }

.button.filled-green-button { padding: 10px 24px; font-size: 14px; color: var(--base-white, #FFF); background: var(--epoch-green-700, #034752); box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); }

.button.filled-green-button:hover { background: var(--epoch-green-900, #102930); }

.button.filled-green-button:focus-visible { box-shadow: 0px 0px 10px 0px #00A5A6; }

.button.filled-green-button.disabled { background: rgba(3, 71, 82, 0.2); }

.button.filled-light-green-button { padding: 10px 24px; font-size: 14px; background: var(--epoch-gray-100, #EBF5F4); color: var(--epoch-green-800, #09323A); }

.button.filled-light-green-button:hover { color: var(--epoch-gray-900, #091D21); background: var(--epoch-gray-200, #E2EEEE); }

.button.filled-light-green-button:focus-visible { color: var(--epoch-green-700, #034752); background: var(--epoch-gray-100, #EBF5F4); box-shadow: 0px 0px 10px 0px #00A5A6; }

.button.filled-light-green-button.disabled { color: var(--epoch-gray-400, #90A5AB) !important; background: var(--epoch-gray-25, #F7FCFB) !important; }

.button.outline-thin-button { border: 1px solid rgba(3, 71, 82, 0.2); font-size: 14px; padding: 10px 20px; color: var(--epoch-green-800, #09323A); background: white; }

.button.outline-thin-button:hover { color: var(--epoch-gray-900, #091D21); border: 1px solid rgba(3, 71, 82, 0.5); }

.button.outline-thin-button:focus-visible { color: var(--epoch-green-800, #09323A); border: 1px solid rgba(3, 71, 82, 0.2); box-shadow: 0px 0px 10px 0px rgba(0, 165, 166, 0.5); }

.button.outline-thin-button.disabled { color: rgba(16, 41, 48, 0.2); border: 1px solid rgba(3, 71, 82, 0.1); }

.button.filled-color-button { color: var(--epoch-white, #FFF); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 500; line-height: 20px; /* 142.857% */ padding: 10px 24px; background: linear-gradient(0deg, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.55) 100%), rgba(var(--button-color-rgb), 1); }

.button.filled-color-button:hover { background: linear-gradient(0deg, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.75) 100%), rgba(var(--button-color-rgb), 1); }

.button.filled-color-button:focus-visible { box-shadow: 0px 0px 10px 0px rgba(var(--button-color-rgb), 1); }

.button.filled-color-button.disabled { background: rgba(var(--button-color-rgb), 0.2); }

.button.outline-light-medium-button { padding: 12px 24px; font-size: 16px; color: var(--base-white, #FFF); border: 1px solid var(--epoch-white, #FFF); }

.button.outline-light-medium-button:hover { color: rgba(255, 255, 255, 0.8); border: 1px solid rgba(255, 255, 255, 0.8); }

.button.outline-light-medium-button:focus-visible { color: rgba(255, 255, 255, 0.8); border: 1px solid rgba(255, 255, 255, 0.8); box-shadow: 0px 0px 12px 0px #00A5A6; background: rgba(255, 255, 255, 0.01); }

.button.outline-light-medium-button.disabled { color: rgba(255, 255, 255, 0.3); border: 1px solid rgba(255, 255, 255, 0.3); }

.button.outline-light-medium-button img { filter: invert(1); }

.button.outline-dark-small-button, .button.outline-thin-button.selected { padding: 10px 20px; font-size: 14px; border: 2px solid var(--epoch-green-700, #034752); color: var(--epoch-green-700, #034752); }

.button.outline-dark-small-button:hover, .button.outline-thin-button.selected:hover { color: var(--epoch-gray-900, #091D21); border: 2px solid var(--epoch-gray-900, #091D21); }

.button.outline-dark-small-button:focus-visible, .button.outline-thin-button.selected:focus-visible { color: var(--epoch-green-700, #034752); border: 2px solid var(--epoch-green-700, #034752); background: rgba(255, 255, 255, 0.01); box-shadow: 0px 0px 10px 0px #00A5A6; }

.button.outline-dark-small-button.disabled, .button.outline-thin-button.selected.disabled { color: rgba(16, 41, 48, 0.2); border: 2px solid rgba(16, 41, 48, 0.2); }

.button.tag-button { background: transparent; padding: 10px 24px; font-size: 14px; }

.button.tag-button:not(.selected) { color: var(--epoch-gray-500, #5C737B); border: 1px solid var(--epoch-gray-300, #CCD8D9); }

.button.tag-button:not(.selected):hover { border: 1px solid var(--epoch-gray-400, #90A5AB); color: var(--epoch-gray-700, #2B424B); }

.button.tag-button:not(.selected):focus-visible { box-shadow: 0px 0px 10px 0px rgba(0, 165, 166, 0.5); border: 1px solid var(--epoch-gray-300, #CCD8D9); color: var(--epoch-gray-500, #5C737B); }

.button.tag-button.disabled:not(.selected) { border: 1px solid rgba(16, 41, 48, 0.2); color: rgba(16, 41, 48, 0.2); }

.button.tag-button.selected { border: 2px solid var(--epoch-green-700, #034752); color: var(--epoch-green-700, #034752); }

.button.tag-button.selected:hover { color: #000; border: 2px solid #000; }

.button.tag-button.selected:focus-visible { box-shadow: 0px 0px 10px 0px #00A5A6; }

.button.tag-button.selected.disabled { border: 2px solid rgba(16, 41, 48, 0.2); color: rgba(16, 41, 48, 0.2); }

.button.secondary-button { padding: 14px 24px; background: #fff; border-radius: var(--Pill-Radius, 100px); border: 1px solid var(--Gray-900, #07171A); color: var(--Gray-900, #07171A); font-family: "Messina Sans"; font-size: 16px; font-weight: 400; line-height: 100%; /* 16px */ cursor: pointer; transition: none; }

.button.secondary-button:hover { color: var(--Epoch-Website-Gray-25, #F7FCFB) !important; border-radius: var(--Pill-Radius, 100px); background: var(--Epoch-Website-Gray-900, linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), #091D21); }

.button.secondary-button-transparent { text-decoration: none; display: flex; padding: 16px 24px; justify-content: center; align-items: center; gap: 8px; border-radius: 80px; border: 1px solid var(--Gray-0, #FFF); color: var(--Gray-0, #FFF); /* Button/Button */ font-family: "Messina Sans"; font-size: 16px; font-style: normal; font-weight: 400; line-height: 100%; /* 16px */ letter-spacing: 0.16px; cursor: pointer; transition: none; }

.button.secondary-button-transparent:hover { color: var(--Gray-0, #FFF); border-radius: 80px; border: 1px solid var(--Gray-0, #FFF); background: rgba(144, 165, 171, 0.2); }

.button.secondary-button-transparent:active { color: var(--Gray-0, #FFF); border-radius: 80px; border: 1px solid var(--Gray-0, #FFF); background: rgba(144, 165, 171, 0.3); }

@media (min-width: 1440px) { .standard-max-width { max-width: var(--default-max-section-width); align-self: center; } }

/* AAAARGH. Why did I set top and bottom paddings? */
.standard-side-padding { padding: 64px 32px; }

@media (min-width: 680px) { .standard-side-padding { padding: 80px 56px; } }

@media (min-width: 1120px) { .standard-side-padding { padding: 96px 128px; } }

.standard-vertical-padding { padding-top: 64px; padding-bottom: 64px; }

@media (min-width: 680px) { .standard-vertical-padding { padding-top: 80px; padding-bottom: 80px; } }

@media (min-width: 1120px) { .standard-vertical-padding { padding-top: 96px; padding-bottom: 96px; } }

.top-section { overflow-y: hidden; overflow-x: hidden; margin-left: auto; margin-right: auto; padding: 64px 32px; flex-direction: column; align-items: center; display: flex; gap: 48px; }

@media (min-width: 680px) { .top-section { padding: 80px 56px; gap: 64px; } }

@media (min-width: 1120px) { .top-section { padding: 96px 80px; } }

@media (min-width: 1440px) { .top-section { padding: 96px 128px; gap: 48px; } }

.top-section .section-top { display: flex; flex-direction: column; align-items: center; gap: 48px; align-self: center; text-align: center; }

@media (min-width: 1120px) { .top-section .section-top { padding: 0 2px; } }

.top-section .section-top .top { display: flex; flex-direction: column; align-items: center; align-self: center; gap: 16px; }

@media (min-width: 680px) { .top-section .section-top .top { gap: 24px; } }

@media (min-width: 1120px) { .top-section .section-top .top { max-width: 630px; } }

.top-section .section-miniheader { display: flex; flex-direction: column; align-self: stretch; color: var(--epoch-green-500, #00A5A6); text-align: center; font-family: Messina Sans; font-size: 18px; font-style: normal; font-weight: 600; line-height: 28px; }

.top-section .section-header { color: var(--epoch-green-800, #09323A); text-align: center; font-family: Messina Sans; font-size: 32px; font-style: normal; font-weight: 400; line-height: 120%; /* 38.4px */ letter-spacing: -0.64px; }

@media (min-width: 680px) { .top-section .section-header { font-size: 48px; letter-spacing: -0.96px; } }

.top-section .section-p { align-self: stretch; color: var(--epoch-green-700, #034752); text-align: center; font-family: Messina Sans; font-style: normal; font-weight: 350; font-size: 18px; letter-spacing: -0.18px; line-height: 150%; }

.top-section .section-p:not(:last-child) { margin-bottom: 1.35em; }

@media (min-width: 680px) { .top-section .section-p { font-size: 20px; letter-spacing: -0.2px; line-height: 140%; } }

@media (min-width: 680px) { .top-section .section-p { font-size: 24px; letter-spacing: -0.24px; } }

.section-title { margin: 0; color: var(--epoch-green-800, #09323A); font-family: Messina Sans; font-size: 22px; font-style: normal; font-weight: 600; line-height: 140%; letter-spacing: -0.44px; white-space: normal; }

@media (min-width: 680px) { .section-title { font-size: 26px; } }

.section-head { display: flex; flex-direction: column; column-gap: 92px; row-gap: 16px; align-self: stretch; }

@media (min-width: 1120px) { .section-head { flex-direction: row; } }

.section-head h2 { color: var(--epoch-green-800, #09323A); font-family: Messina Sans; font-size: 22px; font-style: normal; font-weight: 600; line-height: 140%; letter-spacing: -0.44px; white-space: normal; }

@media (min-width: 680px) { .section-head h2 { font-size: 26px; } }

.section-head .section-head-content { color: var(--epoch-gray-600, #3E555E); font-family: Messina Sans; font-size: 18px; font-style: normal; font-weight: 350; line-height: 150%; letter-spacing: -0.18px; }

.section-head .section-head-content p { text-align: left; }

@media (min-width: 680px) { .section-head .section-head-content { font-size: 24px; line-height: 140%; letter-spacing: -0.24px; } }

.section-divider-container { padding-left: 32px; padding-right: 32px; display: flex; justify-content: center; }

@media (min-width: 680px) { .section-divider-container { padding-left: 56px; padding-right: 56px; } }

@media (min-width: 1120px) { .section-divider-container { padding-left: 80px; padding-right: 80px; } }

@media (min-width: 1440px) { .section-divider-container { padding-left: 128px; padding-right: 128px; } }

.section-divider { align-self: center; height: 1px; background-color: var(--epoch-gray-300, #CCD8D9); }

/* Default card style */
:root { --card-border-radius: 16px; }

.cards { display: flex; gap: 40px; align-self: stretch; flex-wrap: wrap; }

.cards .card { border-radius: 16px; border: 1px solid rgba(3, 71, 82, 0.1); background: var(--epoch-gray-25, #F7FCFB); }

.cards .card .card-title { color: var(--epoch-green-800, #09323A); font-family: Messina Sans; font-size: 22px; font-style: normal; font-weight: 600; line-height: 140%; letter-spacing: -0.44px; text-align: left; margin: 0; }

@media (min-width: 680px) { .cards .card .card-title { font-size: 26px; letter-spacing: -0.52px; } }

.cards .card .card-description { margin: 0; display: flex; flex-direction: column; align-self: stretch; text-align: left; color: var(--epoch-gray-600, #3E555E); font-family: Messina Sans; font-size: 18px; font-style: normal; font-weight: 400; line-height: 150%; letter-spacing: -0.18px; }

.headline { background-image: url("/assets/images/dot-1.svg"); background-size: 23.5px 23.5px; background-color: #E6FEF3; gap: 32px; padding-bottom: 0; padding-top: 48px; }

@media (min-width: 680px) { .headline { padding-top: 80px; } }

@media (min-width: 1120px) { .headline { padding-top: 96px; } }

.headline h1, .headline .intro-text { margin: 0; color: var(--epoch-green-800, #09323A); text-align: center; }

.headline h1, .headline h1 *, .headline .intro-text, .headline .intro-text * { font-family: Messina Sans; font-style: normal; font-weight: 350; line-height: 120%; font-size: 36px; letter-spacing: -0.72px; }

.headline h1 .italized-title, .headline .intro-text .italized-title { font-family: Messina Serif; font-weight: 170; font-style: italic; }

@media (min-width: 680px) { .headline h1, .headline h1 *, .headline .intro-text, .headline .intro-text * { font-size: 48px; letter-spacing: -0.96px; } }

@media (min-width: 1120px) { .headline h1, .headline .intro-text { width: 800px; } .headline h1, .headline h1 *, .headline .intro-text, .headline .intro-text * { font-size: 64px; letter-spacing: -1.28px; } }

@media (min-width: 1440px) { .headline h1, .headline .intro-text { max-width: 780px; } }

.headline .button { align-self: center; }

.headline .headline-img { width: 100%; height: 90px; }

@media (min-width: 680px) { .headline .headline-img { height: 151px; } }

@media (min-width: 1120px) { .headline .headline-img { height: 256px; } }

@media (min-width: 1440px) { .headline .headline-img { height: 354px; width: 1328px; } }

.body-filling { position: relative; }

.no-decoration-link:hover, .no-decoration-link:visited, .no-decoration-link:link, .no-decoration-link:active *:hover, .no-decoration-link *:visited, .no-decoration-link *:link, .no-decoration-link *:active, .no-decorations-links:hover, .no-decorations-links:visited, .no-decorations-links:link, .no-decorations-links:active *:hover, .no-decorations-links *:visited, .no-decorations-links *:link, .no-decorations-links *:active { text-decoration: none; }

a { color: inherit; text-decoration: underline; }

a:hover { text-decoration: none; text-underline-position: under; color: var(--Epoch-Website-Green-500, #00A5A6); }

.highlight { background: #F2FAF9; position: relative; border-radius: 8px; margin-bottom: 0; }

.highlight .copy-target { margin-top: 0; padding: 24px; padding-right: calc(24px + 20px + 8px); }

.highlight .wrappable-pre { width: 100%; }

.highlight code { white-space: pre-wrap; word-wrap: break-word; color: var(--epoch-gray-800, #162B32); font-family: PT Mono; font-size: 12px; font-style: normal; font-weight: 400; line-height: 160%; /* 19.2px */ }

.highlight .copy-button { position: absolute; right: 24px; top: 24px; cursor: pointer; border: none; padding: 3px; font-size: 1rem; transition: opacity 0.3s ease; background-color: transparent; opacity: 1; }

@media (hover: hover) { .highlight .copy-button { opacity: 0.2; } }

.highlight:hover .copy-button { opacity: 1; }

[data-selectable-link] { cursor: pointer; }

.regular-content { color: var(--epoch-gray-600, #3E555E); font-family: Messina Sans; font-size: 18px; font-style: normal; font-weight: 400; line-height: 150%; /* 27px */ margin-bottom: 0; overflow-wrap: break-word; min-width: 0; }

.regular-content > :first-child { margin-top: 0; }

.regular-content > :last-child { margin-bottom: 0; }

.regular-content mjx-container { overflow-x: auto; overflow-y: hidden; }

.regular-content h2, .regular-content h3 { color: var(--epoch-green-800, #09323A); font-family: Messina Serif; font-style: normal; line-height: 120%; }

.regular-content h2 { font-size: 32px; font-weight: 600; letter-spacing: -0.64px; margin-top: 48px; margin-bottom: 24px; }

@media (min-width: 1120px) { .regular-content h2 { margin-top: 64px; } }

.regular-content h3 { font-size: 23px; font-weight: 700; letter-spacing: -0.46px; margin-top: 40px; margin-bottom: 8px; }

.regular-content ol li:not(:last-child) { margin-bottom: 5px; }

.regular-content ul { position: relative; list-style-type: none; padding-inline-start: 29px; }

.regular-content ul li::before { content: '\2022'; position: absolute; font-size: 1em; left: 12px; }

.regular-content sup { vertical-align: 0.5em; font-size: 0.6em; }

.regular-content hr { margin-top: 48px; margin-bottom: 24px; }

.regular-content .figure-container { margin-top: 48px; margin-bottom: 48px; gap: 48px; }

.regular-content .figure-container figure { margin-top: 0; margin-bottom: 0; }

.regular-content .epoch-figure { margin-bottom: 48px; }

.regular-content figure { margin-top: 48px; margin-bottom: 48px; margin-left: 0; margin-right: 0; }

@media (min-width: 1120px) { .regular-content figure { margin-top: 64px; margin-bottom: 64px; } }

.regular-content figure:not(.multi-image):not(.image-with-caption):not(.figure-with-caption):not(.figure-with-padding-and-caption) img:not(.logo-img):not(.non-figure) { display: flex; padding: 24px; gap: 8px; border-radius: 12px; border: 1px solid rgba(0, 0, 0, 0.08); width: 100%; }

.regular-content figure.image-with-caption, .regular-content figure.figure-with-caption, .regular-content figure.figure-with-padding-and-caption { display: flex; flex-direction: column; border-radius: 12px; outline: 1px solid rgba(0, 0, 0, 0.08); }

.regular-content figure.image-with-caption img, .regular-content figure.figure-with-caption img, .regular-content figure.figure-with-padding-and-caption img { width: 100%; }

.regular-content figure.figure-with-caption, .regular-content figure.image-with-caption { gap: 8px; padding: 24px; }

.regular-content figure.figure-with-padding-and-caption figcaption { padding: 0 24px 24px 24px; }

.regular-content figure .epoch-figure { margin: 0; max-width: 100%; height: 100%; justify-content: space-between; }

.regular-content figure.multi-image .img-container { display: flex; padding: 24px; gap: 8px; border-radius: 12px; border: 1px solid rgba(0, 0, 0, 0.08); width: 100%; }

.regular-content figure.multi-image .img-container.img-grid-1x2 { display: grid; grid-template-columns: 1fr 1fr; }

.regular-content figure.multi-image .img-container.img-grid-1x3 { display: grid; grid-template-columns: 1fr 1fr 1fr; }

.regular-content figure.multi-image .img-container img { width: 100%; }

.regular-content figure.multi-epoch-graphs .img-container { display: flex !important; flex-wrap: wrap; padding: 0 !important; border: 0 !important; }

.regular-content figure.multi-epoch-graphs .figure { flex: 1 0 0; flex-basis: 200px; }

.regular-content figure.multi-epoch-graphs .figure-canvas { flex: 1 0 0; height: 440px; }

.regular-content figure.multi-epoch-graphs .figure-title { font-size: 18px !important; }

@media (max-width: 930px) { .regular-content figure.multi-epoch-graphs .img-container { flex-direction: column; } .regular-content figure.multi-epoch-graphs .epoch-graph { width: 100%; min-width: 0; } }

.regular-content .epoch-table-container { margin-top: 48px; margin-bottom: 48px; }

.regular-content .epoch-table-container .table-wrapper { max-width: 100%; overflow-x: auto; }

.regular-content .epoch-table-container .table-caption { margin-top: 16px; }

.regular-content .epoch-graph { margin-left: auto; margin-right: auto; display: flex; flex-direction: column; }

.regular-content .epoch-graph .epoch-figure.fit-to-container { flex: 1 1 0; }

.regular-content table { margin-bottom: 0; border-collapse: collapse; }

.regular-content table caption { caption-side: bottom; }

.regular-content table th, .regular-content table td { border: 1px solid grey; padding: 2px 8px; }

.regular-content table .no-border { border: none; }

.regular-content figcaption, .regular-content table caption, .regular-content .table-caption, .regular-content figure figcaption { margin-top: 16px; color: var(--epoch-gray-500, #5C737B); font-family: Messina Sans; font-size: 14px; font-style: normal; font-weight: 400; line-height: 140%; /* 19.6px */ letter-spacing: -0.28px; display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }

.regular-content figcaption, .regular-content figcaption *, .regular-content table caption, .regular-content table caption *, .regular-content .table-caption, .regular-content .table-caption *, .regular-content figure figcaption, .regular-content figure figcaption * { text-align: left; }

.regular-content figcaption :last-child, .regular-content table caption :last-child, .regular-content .table-caption :last-child, .regular-content figure figcaption :last-child { margin-bottom: 0; }

.regular-content p { margin-bottom: 20px; }

.tippy-box[data-theme~='epoch-default'] { --background-color: #101828ee; background-color: var(--background-color); border-radius: 10px; font-weight: 500; padding-left: 8px; padding-right: 8px; padding-top: 3px; padding-bottom: 3px; color: var(--epoch-gray-600, #3E555E); font-family: Messina Sans; font-size: 14px; font-style: normal; font-weight: 400; line-height: 150%; /* 27px */ letter-spacing: -0.18px; }

.tippy-box[data-theme~='epoch-default'] * { color: white; }

.tippy-box[data-theme~='epoch-default'][data-placement^='top'] > .tippy-arrow { bottom: -1px; }

.tippy-box[data-theme~='epoch-default'][data-placement^='top'] > .tippy-arrow::before { border-top-color: var(--background-color); }

.tippy-box[data-theme~='epoch-default'][data-placement^='bottom'] > .tippy-arrow { top: -1px; }

.tippy-box[data-theme~='epoch-default'][data-placement^='bottom'] > .tippy-arrow::before { border-bottom-color: var(--background-color); }

.tippy-box[data-theme~='epoch-default'][data-placement^='left'] > .tippy-arrow { right: -1px; }

.tippy-box[data-theme~='epoch-default'][data-placement^='left'] > .tippy-arrow::before { border-left-color: var(--background-color); }

.tippy-box[data-theme~='epoch-default'][data-placement^='right'] > .tippy-arrow { left: -1px; }

.tippy-box[data-theme~='epoch-default'][data-placement^='right'] > .tippy-arrow::before { border-right-color: var(--background-color); }

.no-search-index { max-width: 100%; }

.center-elements-h { display: flex; flex-direction: column; align-items: center; }

.publications-container { width: 100%; }

.long-inline-mathjax .MJX-TEX { white-space: pre-wrap; line-height: 0.4em; }

.long-inline-mathjax mjx-assistive-mml { right: 0; bottom: 0; }

h1 .self-anchor, h2 .self-anchor, h3 .self-anchor, h4 .self-anchor, h5 .self-anchor, h6 .self-anchor { color: inherit; opacity: 0; text-decoration: none; transition: none; }

h1:hover .self-anchor, h2:hover .self-anchor, h3:hover .self-anchor, h4:hover .self-anchor, h5:hover .self-anchor, h6:hover .self-anchor { opacity: 0.4; transition: 0.1s; }

h1 .self-anchor:hover, h2 .self-anchor:hover, h3 .self-anchor:hover, h4 .self-anchor:hover, h5 .self-anchor:hover, h6 .self-anchor:hover { opacity: 1; }

h2 .self-anchor, h3 .self-anchor { margin-left: 2px; }

/************************** Custom checkbox style ****************************/
/* Taken from https://moderncss.dev/pure-css-custom-checkbox-style/ */
input.custom-checkbox[type='checkbox'] { appearance: none; margin: 0; color: white; background-color: white; font: inherit; width: 16px; height: 16px; border-radius: 4px; border: 2px solid var(--epoch-green-700, #034752); display: grid; place-content: center; }

input.custom-checkbox[type='checkbox']::before { content: ""; width: 12px; height: 12px; }

input.custom-checkbox[type='checkbox']:checked { background-color: var(--epoch-green-700, #034752); }

input.custom-checkbox[type='checkbox']:checked::before { background-color: white; /* tick symbol */ clip-path: path("M 10,2.1660156 A 0.83329999,0.83329999 0 0 0 9.4101563,2.4101563 L 4.5,7.3203125 2.5898438,5.4101562 a 0.83329999,0.83329999 0 0 0 -1.1796876,0 0.83329999,0.83329999 0 0 0 0,1.1796875 l 2.5000001,2.5000001 a 0.83338332,0.83338332 0 0 0 1.1796874,0 l 5.5000003,-5.5 a 0.83329999,0.83329999 0 0 0 0,-1.1796875 A 0.83329999,0.83329999 0 0 0 10,2.1660156 Z"); }

/*****************************************************************************/
input.epoch-checkbox[type="checkbox"] { appearance: none; width: 16px; height: 16px; background-color: #fff; accent-color: #00A5A6; border: 1px solid #3E555E; border-radius: 3px; cursor: pointer; margin: 0 2px; }

input.epoch-checkbox[type="checkbox"] + label { cursor: pointer; }

input.epoch-checkbox[type="checkbox"]::before { content: ""; display: block; width: 100%; height: 100%; background-image: url("/assets/images/icons/check.svg"); background-size: contain; background-position: center; background-repeat: no-repeat; opacity: 0; /* Initially hide the background image */ border: 1px solid #00A5A6; }

input.epoch-checkbox[type="checkbox"]:checked { border: 1px solid #00A5A6; }

input.epoch-checkbox[type="checkbox"]:checked::before { background-color: #00A5A6; opacity: 1; /* Show the background color when checked */ }

input.epoch-checkbox[type="checkbox"]:disabled:hover, input.epoch-checkbox[type="checkbox"]:disabled:checked, input.epoch-checkbox[type="checkbox"]:disabled:hover:checked, input.epoch-checkbox[type="checkbox"]:disabled::before { border: 1px solid #CFD4D6 !important; background-color: #CFD4D6; }

input.epoch-checkbox[type="checkbox"]:hover { border: 1px solid #00A5A6; }

input.epoch-checkbox[type="checkbox"]:hover:checked { border: 1px solid #02767C; }

input.epoch-checkbox[type="checkbox"]:hover:checked::before { border: 1px solid #02767C; background-color: #02767C; }

select.custom-select { width: 100%; margin: 0; margin-top: 12px; height: 29px; font-family: inherit; font-size: inherit; cursor: inherit; line-height: inherit; display: flex; padding: 0px 14px; align-items: center; gap: 8px; align-self: stretch; border-radius: 100px; border: 1px solid var(--epoch-gray-300, #CCD8D9); background: var(--base-white, #FFF); /* Shadow/xs */ box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); -webkit-appearance: none; -moz-appearance: none; background-image: url("data:image/svg+xml;utf8,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M4 6L8 10L12 6' stroke='%2309323A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>"); background-repeat: no-repeat; background-position: top 50% right 14px; cursor: pointer; color: var(--epoch-gray-500, #5C737B); font-weight: 600; font-size: 14px; letter-spacing: -0.28px; line-height: initial; }

select.custom-select:hover { border: 1px solid var(--epoch-gray-400, #90A5AB); /* Shadow/xs */ box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); }

select.custom-select:focus { outline: none; border: 2px solid #034752; padding: 0px 13px; background-position: top 50% right 13px; /* Shadow/xs */ box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); }

.custom-select-label { color: var(--epoch-green-700, #034752); font-size: 14px; font-weight: 600; line-height: 16px; letter-spacing: -0.28px; }

[data-darkreader-mode="dynamic"] { --dark-mode-border: 1px solid grey; --dark-mode-background-color: hsl(200, 6%, 15% / 1); }

[data-darkreader-mode="dynamic"] .headline { background: none; }

[data-darkreader-mode="dynamic"] .headline .headline-img { filter: grayscale(100%) brightness(0.5); }

[data-darkreader-mode="dynamic"] .wooblies { filter: grayscale(100%) brightness(0.8); }

[data-darkreader-mode="dynamic"] .headline .img-container { background: linear-gradient(rgba(0, 0, 0, 0) 50%, var(--dark-mode-background-color) 50%) !important; }

[data-darkreader-mode="dynamic"] #featured-work, [data-darkreader-mode="dynamic"] .top-section.hilighted-section { background-color: var(--dark-mode-background-color); }

[data-darkreader-mode="dynamic"] .card { background-color: var(--dark-mode-background-color); border: var(--dark-mode-border); }

[data-darkreader-mode="dynamic"] .filled-green-button, [data-darkreader-mode="dynamic"] .filled-light-green-button, [data-darkreader-mode="dynamic"] .filled-dark-button { background-color: var(--dark-mode-background-color); border: var(--dark-mode-border); }

[data-darkreader-mode="dynamic"] .headline .buttons .outline-dark-big-button { background: var(--dark-mode-background-color) !important; }

[data-darkreader-mode="dynamic"] .filled-light-green-button.disabled { background-color: var(--dark-mode-background-color) !important; border: var(--dark-mode-border) !important; }

[data-darkreader-mode="dynamic"] .latest-posts .filter { background-color: var(--dark-mode-background-color) !important; border: var(--dark-mode-border) !important; }

[data-darkreader-mode="dynamic"] #footer-container { background-color: var(--dark-mode-background-color) !important; }

[data-darkreader-mode="dynamic"] #footer-container .banner { background: #181a1b; }

[data-darkreader-mode="dynamic"] #footer-container .newsletter-input { background: none; border: var(--dark-mode-border); }

[data-darkreader-mode="dynamic"] #footer-container * { color: white; }

[data-darkreader-mode="dynamic"] .standalone-form .newsletter-input { background: none; border: var(--dark-mode-border); }

[data-darkreader-mode="dynamic"] #top-nav-bar { background: var(--darkreader-neutral-background); }

[data-darkreader-mode="dynamic"] .highlight.copiable-wrapper { background: none; border: var(--dark-mode-border); }

[data-darkreader-mode="dynamic"] .highlight.copiable-wrapper .highlight.copy-target { background: none !important; }

[data-darkreader-mode="dynamic"] .handorgel { background: none; border: var(--dark-mode-border); }

[data-darkreader-mode="dynamic"] .handorgel__header__icon { filter: brightness(0) invert(1); }

[data-darkreader-mode="dynamic"] .top-button.citation-button, [data-darkreader-mode="dynamic"] .top-button.twitter-button { background: none; }

[data-darkreader-mode="dynamic"] #growth-unit-selector-container #growth-unit-selector { background: #292c2e; }

[data-darkreader-mode="dynamic"] #growth-unit-selector-container #growth-unit-selector .option.selected { background: #292c2e; }

[data-darkreader-mode="dynamic"] .sections .article-box, [data-darkreader-mode="dynamic"] .sections .card { background-color: var(--dark-mode-background-color); border: var(--dark-mode-border); }

[data-darkreader-mode="dynamic"] .sections .article-box .article-content { background-color: var(--dark-mode-background-color); }

[data-darkreader-mode="dynamic"] .viz-footer-bar { background-color: var(--dark-mode-background-color); border-top: var(--dark-mode-border); }

[data-darkreader-mode="dynamic"] .options-container .option select.optionValue { background: none !important; }

[data-darkreader-mode="dynamic"] .bicolumn-masonry-cards .card-head { filter: grayscale(1); background: none; border: var(--dark-mode-border); }

[data-darkreader-mode="dynamic"] .morse { display: none; }

[data-darkreader-mode="dynamic"] .morse-no-overlay { display: unset !important; }

[data-darkreader-mode="dynamic"] .epoch-x-rp.subsection img { filter: grayscale(1); }

[data-darkreader-mode="dynamic"] .search-results-pan-container .search-results-container-wrapper { background: #131416 !important; border-top: 1px solid black !important; }

[data-darkreader-mode="dynamic"] #search-overlay.opened { background-color: rgba(1, 1, 1, 0.35); }

[data-darkreader-mode="dynamic"] .blog-post-card img { border: var(--dark-mode-border); border-radius: var(--card-border-radius); }

[data-darkreader-mode="dynamic"] .figures-with-options .options-container { background-color: var(--dark-mode-background-color); }

[data-darkreader-mode="dynamic"] .post .post-head { background-image: none; background: none; }

[data-darkreader-mode="dynamic"] .post .post-head .post-thumbnails-container { background: linear-gradient(to bottom, transparent var(--background-transition), transparent var(--background-transition)); }

[data-darkreader-mode="dynamic"] .post .related-research { background: none; border-top: var(--dark-mode-border); }

[data-darkreader-mode="dynamic"] .post .related-research .post-img-container { border: 1px solid grey; }

[data-darkreader-mode="dynamic"] #collected-model-parameters-section { background: none; }

[data-darkreader-mode="dynamic"] .regenerate-timeline-button { background: none; }

[data-darkreader-mode="dynamic"] figure#epoch-logo { filter: grayscale(1) invert(0.5); }

[data-darkreader-mode="dynamic"] .regular-content .logos img { filter: grayscale(1) invert(1); }

[data-darkreader-mode="dynamic"] .tippy-box { --background-color: #131516; --darkreader-bg--background-color: var(--background-color); --darkreader-border--background-color: var(--background-color); background-color: var(--background-color); }

:root { --current-header-height: var(--top-nav-bar-height); }

[id] { scroll-margin-top: var(--current-header-height); }

.simple-epoch-table { --table-border: 1px solid var(--Epoch-Website-Gray-300, #CCD8D9); width: 100%; }

.simple-epoch-table td, .simple-epoch-table th { font-size: 14px; color: var(--Epoch-Website-Gray-900, #091D21); }

.simple-epoch-table thead td, .simple-epoch-table thead th { border: var(--table-border); background: var(--Epoch-Website-Gray-200, #E2EEEE); padding: 8px; text-align: left; }

.simple-epoch-table tbody td { border-left: var(--table-border); border-right: var(--table-border); border-bottom: none; border-top: none; padding: 8px; }

.simple-epoch-table tbody tr:nth-child(even) { background: var(--Epoch-Website-Gray-50, #F2FAF9); }

.simple-epoch-table tbody tr:last-child td { border-bottom: var(--table-border); }

.cols-1 { grid-column: span 1; }

.grid-cols-1 { display: grid; grid-template-columns: repeat(1, 1fr); column-gap: 3.125vw; /* row-gap: 48px; @media (max-width: 1439px) { row-gap: 32px; } @media (max-width: 1023px) { row-gap: 24px; } @media (max-width: 767px) { row-gap: 16px; } */ }

@media (min-width: 1440px) { .grid-cols-1 { column-gap: 3.33vw; } }

@media (max-width: 767px) { .grid-cols-1 { grid-template-columns: 1fr; } }

.cols-2 { grid-column: span 2; }

.grid-cols-2 { display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 3.125vw; /* row-gap: 48px; @media (max-width: 1439px) { row-gap: 32px; } @media (max-width: 1023px) { row-gap: 24px; } @media (max-width: 767px) { row-gap: 16px; } */ }

@media (min-width: 1440px) { .grid-cols-2 { column-gap: 3.33vw; } }

@media (max-width: 767px) { .grid-cols-2 { grid-template-columns: 1fr; } }

.cols-3 { grid-column: span 3; }

.grid-cols-3 { display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 3.125vw; /* row-gap: 48px; @media (max-width: 1439px) { row-gap: 32px; } @media (max-width: 1023px) { row-gap: 24px; } @media (max-width: 767px) { row-gap: 16px; } */ }

@media (min-width: 1440px) { .grid-cols-3 { column-gap: 3.33vw; } }

@media (max-width: 767px) { .grid-cols-3 { grid-template-columns: 1fr; } }

.cols-4 { grid-column: span 4; }

.grid-cols-4 { display: grid; grid-template-columns: repeat(4, 1fr); column-gap: 3.125vw; /* row-gap: 48px; @media (max-width: 1439px) { row-gap: 32px; } @media (max-width: 1023px) { row-gap: 24px; } @media (max-width: 767px) { row-gap: 16px; } */ }

@media (min-width: 1440px) { .grid-cols-4 { column-gap: 3.33vw; } }

@media (max-width: 767px) { .grid-cols-4 { grid-template-columns: 1fr; } }

.cols-5 { grid-column: span 5; }

.grid-cols-5 { display: grid; grid-template-columns: repeat(5, 1fr); column-gap: 3.125vw; /* row-gap: 48px; @media (max-width: 1439px) { row-gap: 32px; } @media (max-width: 1023px) { row-gap: 24px; } @media (max-width: 767px) { row-gap: 16px; } */ }

@media (min-width: 1440px) { .grid-cols-5 { column-gap: 3.33vw; } }

@media (max-width: 767px) { .grid-cols-5 { grid-template-columns: 1fr; } }

.cols-6 { grid-column: span 6; }

.grid-cols-6 { display: grid; grid-template-columns: repeat(6, 1fr); column-gap: 3.125vw; /* row-gap: 48px; @media (max-width: 1439px) { row-gap: 32px; } @media (max-width: 1023px) { row-gap: 24px; } @media (max-width: 767px) { row-gap: 16px; } */ }

@media (min-width: 1440px) { .grid-cols-6 { column-gap: 3.33vw; } }

@media (max-width: 767px) { .grid-cols-6 { grid-template-columns: 1fr; } }

.cols-7 { grid-column: span 7; }

.grid-cols-7 { display: grid; grid-template-columns: repeat(7, 1fr); column-gap: 3.125vw; /* row-gap: 48px; @media (max-width: 1439px) { row-gap: 32px; } @media (max-width: 1023px) { row-gap: 24px; } @media (max-width: 767px) { row-gap: 16px; } */ }

@media (min-width: 1440px) { .grid-cols-7 { column-gap: 3.33vw; } }

@media (max-width: 767px) { .grid-cols-7 { grid-template-columns: 1fr; } }

.cols-8 { grid-column: span 8; }

.grid-cols-8 { display: grid; grid-template-columns: repeat(8, 1fr); column-gap: 3.125vw; /* row-gap: 48px; @media (max-width: 1439px) { row-gap: 32px; } @media (max-width: 1023px) { row-gap: 24px; } @media (max-width: 767px) { row-gap: 16px; } */ }

@media (min-width: 1440px) { .grid-cols-8 { column-gap: 3.33vw; } }

@media (max-width: 767px) { .grid-cols-8 { grid-template-columns: 1fr; } }

.cols-9 { grid-column: span 9; }

.grid-cols-9 { display: grid; grid-template-columns: repeat(9, 1fr); column-gap: 3.125vw; /* row-gap: 48px; @media (max-width: 1439px) { row-gap: 32px; } @media (max-width: 1023px) { row-gap: 24px; } @media (max-width: 767px) { row-gap: 16px; } */ }

@media (min-width: 1440px) { .grid-cols-9 { column-gap: 3.33vw; } }

@media (max-width: 767px) { .grid-cols-9 { grid-template-columns: 1fr; } }

.cols-10 { grid-column: span 10; }

.grid-cols-10 { display: grid; grid-template-columns: repeat(10, 1fr); column-gap: 3.125vw; /* row-gap: 48px; @media (max-width: 1439px) { row-gap: 32px; } @media (max-width: 1023px) { row-gap: 24px; } @media (max-width: 767px) { row-gap: 16px; } */ }

@media (min-width: 1440px) { .grid-cols-10 { column-gap: 3.33vw; } }

@media (max-width: 767px) { .grid-cols-10 { grid-template-columns: 1fr; } }

.cols-11 { grid-column: span 11; }

.grid-cols-11 { display: grid; grid-template-columns: repeat(11, 1fr); column-gap: 3.125vw; /* row-gap: 48px; @media (max-width: 1439px) { row-gap: 32px; } @media (max-width: 1023px) { row-gap: 24px; } @media (max-width: 767px) { row-gap: 16px; } */ }

@media (min-width: 1440px) { .grid-cols-11 { column-gap: 3.33vw; } }

@media (max-width: 767px) { .grid-cols-11 { grid-template-columns: 1fr; } }

.cols-12 { grid-column: span 12; }

.grid-cols-12, .grid-cols { display: grid; grid-template-columns: repeat(12, 1fr); column-gap: 3.125vw; /* row-gap: 48px; @media (max-width: 1439px) { row-gap: 32px; } @media (max-width: 1023px) { row-gap: 24px; } @media (max-width: 767px) { row-gap: 16px; } */ }

@media (min-width: 1440px) { .grid-cols-12, .grid-cols { column-gap: 3.33vw; } }

@media (max-width: 767px) { .grid-cols-12, .grid-cols { grid-template-columns: 1fr; } }

.tippy-box[data-theme~='epoch-clear'] { width: 288px; padding: 16px; border-radius: var(--Non-Pill-Radius, 8px); border: 1px solid var(--Epoch-Website-Gray-300, #CCD8D9); background: #FFF; }

.tippy-box[data-theme~='epoch-clear'] * { color: var(--Epoch-Website-Gray-900, #07171A); font-family: "Messina Sans"; font-size: 14px; font-style: normal; font-weight: 400; line-height: 120%; /* 16.8px */ letter-spacing: -0.28px; }

.newsletter-email-input { display: flex; height: 42px; padding: var(--Non-Pill-Radius, 8px); align-items: flex-end; gap: var(--Spacing, 6px); align-self: stretch; border: none; border-bottom: 1px solid var(--Epoch-Website-Gray-900, #091D21); background: none; border-radius: 0; color: var(--Epoch-Website-Gray-900, #091D21); }

.newsletter-email-input:focus { outline: none; border-bottom: 1px solid var(--Epoch-Website-Green-500, #00A5A6); }

.newsletter-email-input::placeholder { color: var(--Gray-900, #07171A); }

.newsletter-email-input, .newsletter-email-input::placeholder { font-family: "Messina Sans"; font-size: 18px; letter-spacing: 0.18px; }

.plotter-container .info-icon[aria-expanded="true"] path[stroke]:not([stroke="none"]) { stroke-width: 0.778px; stroke: var(--Epoch-Website-Green-500, #00A5A6); }

.plotter-container .info-icon[aria-expanded="true"] path[fill]:not([fill="none"]) { fill: var(--Epoch-Website-Green-500, #00A5A6); }

sup { font-size: 0.6em; vertical-align: 0.5em; }

.todo { background: red; color: white; }

.no-scroll-bar { -ms-overflow-style: none; scrollbar-width: none; }

.no-scroll-bar::-webkit-scrollbar { display: none; }

.epoch-figure { background: white; border-radius: 12px; border: 1px solid rgba(144, 165, 171, 0.2); }

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus { -webkit-text-fill-color: none; -webkit-box-shadow: 0 0 0px 1000px #fff inset; }

.top-survey-banner { background: var(--Green-700, #034752); display: flex; justify-content: center; padding: 6px 72px; }

.top-survey-banner > div { display: flex; justify-content: space-between; gap: 24px; }

.top-survey-banner * { color: var(--Gray-0, #FFF); font-family: "Messina Sans"; font-size: 14px; font-style: normal; font-weight: 400; line-height: 150%; /* 30px */ letter-spacing: 0.14px; }

.top-survey-banner a { display: flex; gap: 4px; text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: auto; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font; }

.top-survey-banner a epoch-icon { height: 24px; transform: scale(0.8333); }

.top-survey-banner a:hover { color: var(--Gray-0, #FFF); text-decoration: none; }

@media (max-width: 550px) { .top-survey-banner { padding: 12px 24px; } .top-survey-banner > div { width: 100%; } }

/*# sourceMappingURL=main.css.map */