@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: local("Messina Sans Book"), local("MessinaSans-Book"), url("/assets/fonts/MessinaSans/MessinaSans-Book.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/MessinaSans/MessinaSans-Book.woff2") format("woff2"), url("/assets/fonts/MessinaSans/MessinaSans-Book.woff") format("woff"), 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: local("Messina Sans Black Italic"), local("MessinaSans-BlackItalic"), url("/assets/fonts/MessinaSans/MessinaSans-BlackItalic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/MessinaSans/MessinaSans-BlackItalic.woff2") format("woff2"), url("/assets/fonts/MessinaSans/MessinaSans-BlackItalic.woff") format("woff"), 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: local("Messina Sans SemiBold"), local("MessinaSans-SemiBold"), url("/assets/fonts/MessinaSans/MessinaSans-SemiBold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/MessinaSans/MessinaSans-SemiBold.woff2") format("woff2"), url("/assets/fonts/MessinaSans/MessinaSans-SemiBold.woff") format("woff"), 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: local("Messina Sans Black"), local("MessinaSans-Black"), url("/assets/fonts/MessinaSans/MessinaSans-Black.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/MessinaSans/MessinaSans-Black.woff2") format("woff2"), url("/assets/fonts/MessinaSans/MessinaSans-Black.woff") format("woff"), 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: local("Messina Sans Bold"), local("MessinaSans-Bold"), url("/assets/fonts/MessinaSans/MessinaSans-Bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/MessinaSans/MessinaSans-Bold.woff2") format("woff2"), url("/assets/fonts/MessinaSans/MessinaSans-Bold.woff") format("woff"), 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: local("Messina Sans SemiBold Italic"), local("MessinaSans-SemiBoldItalic"), url("/assets/fonts/MessinaSans/MessinaSans-SemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/MessinaSans/MessinaSans-SemiBoldItalic.woff2") format("woff2"), url("/assets/fonts/MessinaSans/MessinaSans-SemiBoldItalic.woff") format("woff"), 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: local("Messina Sans Regular"), local("MessinaSans-Regular"), url("/assets/fonts/MessinaSans/MessinaSans-Regular.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/MessinaSans/MessinaSans-Regular.woff2") format("woff2"), url("/assets/fonts/MessinaSans/MessinaSans-Regular.woff") format("woff"), 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: local("Messina Sans Light Italic"), local("MessinaSans-LightItalic"), url("/assets/fonts/MessinaSans/MessinaSans-LightItalic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/MessinaSans/MessinaSans-LightItalic.woff2") format("woff2"), url("/assets/fonts/MessinaSans/MessinaSans-LightItalic.woff") format("woff"), 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: local("Messina Sans Bold Italic"), local("MessinaSans-BoldItalic"), url("/assets/fonts/MessinaSans/MessinaSans-BoldItalic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/MessinaSans/MessinaSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/MessinaSans/MessinaSans-BoldItalic.woff") format("woff"), 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: local("Messina Sans Book Italic"), local("MessinaSans-BookItalic"), url("/assets/fonts/MessinaSans/MessinaSans-BookItalic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/MessinaSans/MessinaSans-BookItalic.woff2") format("woff2"), url("/assets/fonts/MessinaSans/MessinaSans-BookItalic.woff") format("woff"), 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: local("Messina Sans Regular Italic"), local("MessinaSans-RegularItalic"), url("/assets/fonts/MessinaSans/MessinaSans-RegularItalic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/MessinaSans/MessinaSans-RegularItalic.woff2") format("woff2"), url("/assets/fonts/MessinaSans/MessinaSans-RegularItalic.woff") format("woff"), 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: local("Messina Sans Light"), local("MessinaSans-Light"), url("/assets/fonts/MessinaSans/MessinaSans-Light.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/MessinaSans/MessinaSans-Light.woff2") format("woff2"), url("/assets/fonts/MessinaSans/MessinaSans-Light.woff") format("woff"), 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 Trial'; src: url("/assets/fonts/MessinaSerif/MessinaSerif_Variable_Upright_Web_Trial.woff") format("woff"); src: url("/assets/fonts/MessinaSerif/MessinaSerif_Variable_Upright_Web_Trial.woff2") format("woff2"); font-style: normal; } @font-face { font-family: 'Messina Serif Trial'; src: url("/assets/fonts/MessinaSerif/MessinaSerif_Variable_Italic_Web_Trial.woff") format("woff"); src: url("/assets/fonts/MessinaSerif/MessinaSerif_Variable_Italic_Web_Trial.woff2") format("woff2"); 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: 80px; } html { box-sizing: border-box; } html *, html *:before, html *:after { box-sizing: inherit; } #top-nav-bar { position: sticky; top: 0; z-index: 99999; background: var(--navbar-color, #E6FEF3); display: flex; flex-direction: column; gap: 0; } #top-nav-bar a { text-decoration: none; } #top-nav-bar .top-strip { display: flex; padding-top: 26px; justify-content: center; align-items: flex-start; align-self: stretch; border-bottom: 1px solid rgba(3, 71, 82, 0.1); height: var(--top-nav-bar-height); 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; align-self: stretch; } #top-nav-bar .logo-container { display: flex; width: 105px; align-items: flex-end; align-self: stretch; padding: 2px 0px; } @media (min-width: 1120px) { #top-nav-bar .logo-container { padding: 0px 0.039px 26px 0px; } } #top-nav-bar .logo { display: flex; width: 115.5px; 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: 114.961px; height: 28px; padding: 0.64px 0px 0.736px 0px; justify-content: center; align-items: flex-start; flex-shrink: 0; gap: 8px; } @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 .wide-menu { display: none; align-items: center; gap: 40px; align-self: stretch; } #top-nav-bar .menu-item { cursor: pointer; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; align-self: stretch; } #top-nav-bar .menu-item .menu-item-label { color: var(--epoch-gray-900, #091D21); font-family: Messina Sans; font-size: 16px; font-style: normal; font-weight: 400; line-height: 28px; /* 175% */ white-space: normal; } #top-nav-bar .menu-item.current-menu-item .menu-item-label { font-weight: 700; } #top-nav-bar .menu-item.current-menu-item .menu-item-rectangle { background: var(--epoch-green-400, #34D2B9); opacity: 1; } #top-nav-bar .menu-item:hover { text-decoration: none; } #top-nav-bar .menu-item:hover .menu-item-rectangle { opacity: 0.8; transition: opacity 0.3s; } @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: 28px; padding: 4px 8px; padding-top: 3px; justify-content: center; align-items: flex-start; gap: 8px; } #top-nav-bar .loupe { width: 24px; height: 24px; } #top-nav-bar .menu-item-rectangle { height: 2px; align-self: stretch; background: var(--epoch-green-400); opacity: 0; } #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:not(.open) #close-menu-button { display: none; } #top-nav-bar .narrow-menu.open #open-menu-button { display: none; } #top-nav-bar .narrow-menu-contents { display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; 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: 17px; font-style: normal; font-weight: 600; line-height: 28px; /* 164.706% */ } #top-nav-bar .narrow-menu-container { display: flex; height: 26px; justify-content: flex-end; align-items: center; gap: 8px; } #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; height: 548px; 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: 18px; 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 .narrow-menu-items:not(.open) { border-bottom-color: rgba(255, 255, 255, 0); } #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; } @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; } } @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; } #top-nav-bar .logo { display: flex; padding: 2px 0px; flex-direction: column; align-items: flex-start; gap: 8px; align-self: stretch; } #top-nav-bar .menu-item:not(.search-menu-item) { display: inline-flex; align-items: center; } #top-nav-bar [href="/research"] { width: 71.688px; } #top-nav-bar [href="/trends"] { width: 52.859px; } #top-nav-bar [href="/about"] { width: 52.844px; } #top-nav-bar [href="/blog"] { width: 60.34px; } #top-nav-bar [href="/donate"] { width: 84.891px; } } @media (min-width: 1440px) { #top-nav-bar .logo-container { width: 115.5px; } } :root { --epoch-green-100: #E6FEF3; --epoch-green-400: #34D2B9; --epoch-green-700: #034752; --epoch-gray-900: #091D21; --base-white: #fff; } #footer-container { background: var(--epoch-green-700); } #footer-container *, #footer-container *:before, #footer-container *:after { box-sizing: inherit; } #footer-container .banner { background: #102930; 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: 1680px; margin-left: auto; margin-right: auto; padding: 48px 32px; gap: 64px; } #footer-container .footer a { color: inherit; } @media (min-width: 680px) { #footer-container .footer { padding: 64px 56px; gap: 80px; } } @media (min-width: 1120px) { #footer-container .footer { padding: 64px 80px; gap: 96px; } } @media (min-width: 1440px) { #footer-container .footer { padding: 64px 128px; } } #footer-container .top { display: flex; flex-direction: column; gap: 80px; } @media (min-width: 1120px) { #footer-container .top { gap: 145px; flex-direction: row; } } @media (min-width: 1440px) { #footer-container .top { gap: 309px; } } #footer-container .logo-newsletter { display: flex; flex-direction: column; align-items: flex-start; gap: 32px; } @media (min-width: 1120px) { #footer-container .logo-newsletter { width: 297px; } } #footer-container .logo { display: flex; height: 31px; padding: 0.5px 0px 0.246px 0px; justify-content: center; align-items: flex-start; gap: 10px; transition: 0.2s; } #footer-container .logo img { width: 32px; height: 30.254px; 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: 24px; row-gap: 64px; flex-direction: column; } @media (min-width: 680px) { #footer-container .map { flex-direction: row; } } @media (min-width: 1120px) { #footer-container .map { width: 466px; } } #footer-container .map a:hover { text-decoration: underline; } #footer-container .map-research { display: flex; width: 275px; flex-direction: column; align-items: flex-start; gap: 16px; } #footer-container .map-organization { display: flex; width: 236px; flex-direction: column; align-items: flex-start; gap: 16px; } #footer-container .map-header { color: var(--epoch-green-100, #E6FEF3); font-family: Messina Sans; font-size: 16px; font-style: normal; font-weight: 700; line-height: 28px; letter-spacing: 0.48px; 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: center; align-items: flex-start; gap: 64px; align-self: stretch; } @media (min-width: 1120px) { #footer-container .bottom { gap: 307px; justify-content: initial; flex-direction: row; } } @media (min-width: 1440px) { #footer-container .bottom { gap: 225px; } } #footer-container .bottom-left { display: flex; gap: 24px; flex-direction: column; } @media (max-width: 1119px) { #footer-container .bottom-left { order: 2; } } @media (min-width: 1440px) { #footer-container .bottom-left { width: 381px; } } #footer-container .bottom-right { display: flex; gap: 24px; flex-direction: column; align-self: end; } @media (max-width: 1119px) { #footer-container .bottom-right { order: 1; align-self: flex-start; } } #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 .sponsorship-notice { color: var(--epoch-green-100, #E6FEF3); /* Text sm/Normal */ font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; } #footer-container .sponsorship-notice > * { opacity: 0.6; } #footer-container .sponsorship-notice a { text-decoration: underline; } #footer-container .sponsorship-notice a:hover { opacity: 1; } #footer-container .social { display: flex; align-items: flex-start; gap: 20px; align-self: stretch; } #footer-container .social-item { width: 32px; height: 32px; cursor: pointer; opacity: 0.6; transition: 0.2s; } #footer-container .social-item.linkedin-social-item { margin-top: 1px; } #footer-container .social-item svg { width: 100%; height: 100%; } #footer-container .social-item svg path { fill: var(--epoch-green-100, #E6FEF3); } #footer-container .social-item:hover { opacity: 1.0; } #footer-container .copyright { color: var(--epoch-green-100, #E6FEF3); text-wrap: nowrap; /* Text sm/Normal */ font-family: Inter; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; 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; } 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-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); } @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 Trial; 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: 790px; } .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: var(--epoch-green-500, #00A5A6); text-underline-position: under; } .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 Trial; 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 { position: relative; top: -0.2em; vertical-align: top; } .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) img:not(.logo-img) { display: flex; padding: 24px; gap: 8px; border-radius: 12px; border: 1px solid rgba(0, 0, 0, 0.08); width: 100%; } .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 .table-container { margin-top: 48px; margin-bottom: 48px; } .regular-content .table-container .table-wrapper { max-width: 100%; overflow-x: auto; } .regular-content .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 .download-button, .regular-content .epoch-figure .download-button { display: flex; padding: 6px 14px; justify-content: center; align-items: center; gap: 4px; } .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"); } /*****************************************************************************/ /************************** Custom select style ****************************/ /* Taken from https://moderncss.dev/custom-select-styles-with-pure-css/ */ select.custom-select { width: 100%; margin: 0; 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,"); 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); } [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); } /*# sourceMappingURL=main.css.map */