:root { --max-width: 1080px; --big-padding: 60px; --small-padding: 32px; --half-line-height: 12px; --transition: 0.2s ease; --navbar-color: #fff; --nav-bar-height: 64px; }

@media (max-width: 390px) { :root { --small-padding: 20px; } }

.card-box .card-break { flex-basis: 100%; height: 0; }

@media (max-width: 911px) { .card-box .card-break { display: none; } }

.card-box .card-data { margin-bottom: 10px; justify-content: flex-start !important; }

.page-container { box-sizing: border-box; }

.page-container .page-container-inner { margin-left: auto; margin-right: auto; }

.display-options-selector { width: 210px; margin-left: auto; margin-right: auto; border-radius: 8px; padding: 8px 16px 8px 16px; border: 1px solid rgba(255, 255, 255, 0.3); box-sizing: border-box; cursor: pointer; display: flex; justify-content: space-between; margin-top: 24px; transition: var(--transition); }

.display-options-selector:hover, .display-options-selector.active { border-color: rgba(255, 255, 255, 0.6); }

.display-options .tippy-box, .display-options .tippy-content { border-radius: 8px; }

.display-options .tippy-content { background-color: white; text-align: left; padding: 6px 0 6px 0; }

.display-options .tippy-content .option { height: 40px; padding: 10px 14px; box-sizing: border-box; cursor: pointer; }

.display-options .tippy-content .option:hover { background-color: #f9fafb; color: black; }

.display-options .tippy-content .option .check { float: right; opacity: 0; }

.display-options .tippy-content .option.selected { font-weight: 700; }

.display-options .tippy-content .option.selected .check { opacity: 1; }

.display-options .tippy-content * { color: #344054 !important; }

#inner-nav-bar { width: 100%; position: fixed; top: var(--nav-bar-height); left: 0; text-align: center; box-sizing: border-box; z-index: 10; border-bottom: 1px solid rgba(3, 71, 82, 0.1); background: #F5FAFA; background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(10px); overflow-x: auto; scroll-behavior: smooth; -ms-overflow-style: none; scrollbar-height: none; }

#inner-nav-bar::-webkit-scrollbar { display: none; }

#inner-nav-bar * { transition: 0.1s ease; }

#inner-nav-bar .nav-bar-section { opacity: 1; }

#inner-nav-bar.white-mode .nav-bar-section { opacity: 0.5; }

#inner-nav-bar.white-mode .nav-bar-section:hover, #inner-nav-bar.white-mode .nav-bar-section.active-nav-bar-section { opacity: 1; }

#inner-nav-bar.white-mode .nav-bar-section-text { color: #667085 !important; }

#inner-nav-bar.white-mode .active-nav-bar-section .nav-bar-section-text { color: black !important; }

#inner-nav-bar.white-mode .nav-bar-section:hover .nav-bar-section-text { color: black !important; }

#inner-nav-bar .inner-nav-bar-content { padding-top: 16px; padding-bottom: 20px; display: flex; gap: 50px; width: 880px; justify-content: center; margin-left: auto; margin-right: auto; }

#inner-nav-bar .inner-nav-bar-content .nav-bar-section-text { color: var(--epoch-gray-600, #3E555E); font-family: Messina Sans; font-size: 12px; font-style: normal; font-weight: 700; line-height: 20px; /* 166.667% */ padding: 8px 0px; }

#inner-nav-bar .inner-nav-bar-content .nav-bar-section { cursor: pointer; }

#inner-nav-bar .inner-nav-bar-content .nav-bar-section .nav-bar-section-icon { width: 28px; color: var(--section-hardcolor); }

#inner-nav-bar .inner-nav-bar-content .nav-bar-section .nav-bar-section-text { font-size: 12px; white-space: nowrap; }

#inner-nav-bar .inner-nav-bar-content .nav-bar-section.active-nav-bar-section .nav-bar-section-text { color: white; }

#inner-nav-bar #inner-nav-bar-location { position: absolute; bottom: 0px; height: 2px; background: var(--epoch-green-400, #34D2B9); border-radius: 5px; }

.highlights-header { position: relative; --inner-nav-bar-height: 72px; padding-bottom: 48px; padding-top: calc(48px + var(--inner-nav-bar-height)); background-color: #EBF5F4; }

@media (min-width: 680px) { .highlights-header { padding-top: calc(80px + var(--inner-nav-bar-height)); } }

@media (min-width: 1120px) { .highlights-header { padding-top: calc(96px + var(--inner-nav-bar-height)); } }

@media (min-width: 1440px) { .highlights-header { padding-top: calc(96px + var(--inner-nav-bar-height)); } }

.highlights-header > * { padding-left: 32px; padding-right: 32px; }

@media (min-width: 680px) { .highlights-header > * { padding-left: 56px; padding-right: 56px; } }

@media (min-width: 1120px) { .highlights-header > * { padding-left: 80px; padding-right: 80px; } }

@media (min-width: 1440px) { .highlights-header > * { padding-left: 128px; padding-right: 128px; } }

.highlights-header .title-box { padding-left: 0; padding-right: 0; text-align: center; margin-left: auto; margin-right: auto; /* padding-top: 48px; @media (min-width: 680px) { padding-top: 64px; } */ }

.highlights-header .title-box * { color: var(--epoch-gray-500, #5C737B); text-align: center; font-family: Messina Sans; font-size: 24px; font-style: normal; font-weight: 350; line-height: 140%; /* 33.6px */ letter-spacing: -0.24px; }

.highlights-header .title-box > * { padding-left: 32px; padding-right: 32px; }

@media (min-width: 680px) { .highlights-header .title-box > * { padding-left: 56px; padding-right: 56px; } }

@media (min-width: 1120px) { .highlights-header .title-box > * { padding-left: 80px; padding-right: 80px; } }

@media (min-width: 1440px) { .highlights-header .title-box > * { padding-left: 128px; padding-right: 128px; } }

.highlights-header .title-box .epoch-logo { height: 40px; margin-bottom: 16px; }

.highlights-header .title-box .title { color: var(--epoch-green-800, #09323A); text-align: center; font-family: Messina Serif; font-style: italic; font-weight: 400; line-height: 120%; /* 76.8px */ letter-spacing: -1.28px; margin-left: auto; margin-right: auto; margin-bottom: 32px; font-size: 36px; }

@media (min-width: 680px) { .highlights-header .title-box .title { font-size: 48px; } }

@media (min-width: 1120px) { .highlights-header .title-box .title { font-size: 68px; } }

.highlights-header .title-box .title, .highlights-header .title-box .subtitle { max-width: 984px; margin-left: auto; margin-right: auto; box-sizing: content-box; }

.highlights-header .title-box .subtitle { margin-bottom: 16px; }

.highlights-header .title-box .last-updated { font-size: 14px; font-weight: 400; margin-bottom: 32px; }

.highlights-header .card-box { margin-left: auto; margin-right: auto; display: flex; column-gap: 32px; row-gap: 32px; flex-wrap: wrap; margin-top: 48px; }

.highlights-header::before { display: block; content: ''; position: absolute; height: 100%; width: 100%; top: 0; left: 0; z-index: -1; background-image: url("/assets/images/trends/dots.svg"), linear-gradient(180deg, #000000 0px, #05303e 1550px); background-color: #000000; background-position: 0 0, 0px 0px; }

.card { background: var(--background); box-sizing: border-box; border-radius: 16px; height: 300px; padding-top: 16px; padding-bottom: 16px; padding-left: 20px; padding-right: 20px; position: relative; overflow: hidden; flex: 1; border: 1px solid rgba(3, 71, 82, 0.1); min-width: 100%; transition: box-shadow var(--transition); }

.card * { color: white; }

.card:hover { box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08); }

@media (min-width: 680px) { .card { min-width: calc(min(295px, 100%)); } }

@media (min-width: 1120px) { .card { min-width: calc(min(335px, 100%)); } }

@media (min-width: 1230px) { .card { min-width: 30%; } .card:first-child { min-width: 50%; } }

.card .card-header > * { margin-bottom: auto; }

.card .card-inner { display: flex; flex-direction: column; justify-content: space-between; position: relative; width: 100%; height: 100%; z-index: 2; }

.card .card-title { text-align: left; font-weight: 700; font-size: 16px; line-height: 22px; color: white; display: flex; flex-direction: column; color: var(--epoch-gray-800, #162B32); font-family: Messina Sans; font-size: 16px; font-style: normal; font-weight: 700; line-height: 120%; /* 19.2px */ }

.card .icon-title { display: flex; align-items: center; column-gap: 12px; row-gap: 12px; }

@media (min-width: 680px) and (max-width: 849px) { .card .icon-title { flex-wrap: wrap; } }

.card .card-data { align-items: flex-end; gap: 4px; display: flex; justify-content: center; }

.card .card-data, .card .card-data > * { color: var(--epoch-gray-800, #162B32); text-align: center; font-family: Messina Sans; font-size: 48px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: -1.44px; }

.card .card-data .unit { white-space: nowrap; }

.card .card-data .unit, .card .card-data .unit > * { color: var(--epoch-gray-800, #162B32); text-align: center; font-family: Messina Sans; font-size: 24px; font-style: normal; font-weight: 400; line-height: 40px; /* 166.667% */ letter-spacing: -0.48px; }

.card .card-data.separate-unit { color: blue; gap: 12px; }

.card .card-caption { font-weight: 400; font-size: 14px; max-width: calc(100% - 26px); text-align: left; color: var(--epoch-gray-800, #162B32); font-family: Inter; font-size: 13px; font-style: normal; font-weight: 500; line-height: 20px; /* 153.846% */ }

.card .card-caption p { margin-bottom: 0; }

.card .card-header, .card .card-footer { display: flex; align-items: center; column-gap: 12px; }

.card .card-header .discoverable-icon, .card .card-footer .discoverable-icon { margin-left: auto; }

.card .card-header { align-items: flex-start; }

.card .card-footer { align-items: flex-end; }

.card, .superhighlight { word-break: normal; }

.card .discoverable-icon, .superhighlight .discoverable-icon { font-size: 30px; transition: opacity var(--transition); }

.card .discoverable-icon.info-icon, .superhighlight .discoverable-icon.info-icon { height: 20px; flex: 0 0 20px; }

.card .info-icon path { stroke: #2B424B; opacity: 1; }

.highlights-header .card { background: #fff; }

.highlights-header .card .card-icon { flex: 0 0 48px; height: 48px; border-radius: 10px; padding: 6px; background-color: var(--section-hardcolor); }

.highlights-header .card .card-icon img { max-width: 100%; }

.highlights-header .card .card-title { color: var(--epoch-green-800, #09323A); font-family: Messina Sans; font-size: 20px; font-style: normal; font-weight: 600; line-height: 115%; /* 23px */ letter-spacing: -0.4px; flex-basis: 100%; }

.highlights-header .card .card-data, .highlights-header .card .card-data * { color: var(--section-hardcolor); }

.highlights-header .card .card-data { display: flex; gap: 4px; }

.highlights-header .card .value { text-align: center; font-family: Messina Sans; font-size: 48px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: -1.44px; }

.highlights-header .card .unit { text-align: center; font-family: Messina Sans; font-size: 24px; font-style: normal; font-weight: 400; line-height: 40px; /* 166.667% */ letter-spacing: -0.48px; align-self: self-end; }

.highlights-header .card .card-caption * { color: var(--epoch-gray-800, #162B32); font-family: Inter; font-size: 13px; font-style: normal; font-weight: 500; line-height: 20px; /* 153.846% */ }

.sections .top-section { text-align: center; padding: 64px 32px 0 32px; }

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

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

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

.sections .top-section > :last-child { margin-bottom: 0; }

.sections .top-section .section-header { display: flex; flex-direction: column; align-items: center; gap: 24px; }

.sections .top-section .section-icon { padding: 9px; border-radius: 16px; background: var(--section-hardcolor); width: 72px; height: 72px; }

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

.sections .top-section .section-content { display: flex; flex-direction: column; gap: 40px; align-self: stretch; }

#algorithmic-trends-section .card { min-width: calc(min(240px, 100%)); }

#investment-trends-section .card { min-width: calc(min(240px, 100%)); }

.highpoint-box { display: flex; flex-wrap: wrap; column-gap: 32px; row-gap: 32px; }

.highpoint-box .card { background: var(--section-softcolor); justify-content: space-between; padding: 15px; min-width: calc(min(240px, 100%)); flex-grow: 1; }

@media (min-width: 1120px) { .highpoint-box .card { min-width: calc(min(260px, 100%)); } }

.highpoint-box .card.size-medium { flex-grow: 2; }

.highpoint-box .card.size-big { flex-grow: 10; }

.highpoint-box .card * { color: #344054; stroke: #344054; }

.highpoint-box .card .card-title { line-height: 20px; min-height: 25px; place-content: center; text-align: left; font-weight: bold; display: flex; flex-direction: column; }

.highpoint-box .card .info { font-size: 10px; float: right; }

.highpoint-box .card .card-value { font-weight: 500; font-size: 50px; display: flex; flex-wrap: wrap; align-self: center; place-content: center; }

.highpoint-box .card .card-caption { text-align: left; font-size: 13px; white-space: break-spaces; }

.highpoint-box .card .card-caption p { margin-bottom: 0; }

.highpoint-box .card.whole-line, .superhighlight.whole-line, .card-box .card.whole-line { min-width: 100% !important; }

.highpoint-box .card .discoverable-icon, .highpoint-box .card .uncertainty, .superhighlight .discoverable-icon, .superhighlight .uncertainty, .card-box .card .discoverable-icon, .card-box .card .uncertainty { font-family: Inter; font-size: 12px; font-style: normal; font-weight: 500; line-height: 20px; /* 166.667% */ color: #2B424B; border-color: var(--epoch-gray-300, #CCD8D9); opacity: 0.6; }

.highpoint-box .card .discoverable-icon:hover, .highpoint-box .card .uncertainty:hover, .superhighlight .discoverable-icon:hover, .superhighlight .uncertainty:hover, .card-box .card .discoverable-icon:hover, .card-box .card .uncertainty:hover { opacity: 1; }

.highpoint-box .card, .article-box .article, .superhighlight { border: 1px solid var(--section-bordercolor); }

.discoverable-icon.bi-info-circle { font-size: 21px; }

.discoverable-icon.icon-arrow-right { width: 21px; }

.card-box .card, .highpoint-box .card, .article, .superhighlight { transition: box-shadow var(--transition); }

.card-box .card[data-link], .highpoint-box .card[data-link], .article[data-link], .superhighlight[data-link] { cursor: pointer; }

.article-box { display: flex; flex-direction: column; gap: 32px; }

.article-box .article { display: flex; border-radius: 16px; background: white; min-height: 400px; overflow: hidden; flex-direction: column; }

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

.article-box .article .article-thumbnail { flex: 1; justify-self: center; align-self: center; cursor: pointer; background-color: white; min-width: calc(min(100%, 440px)); }

@media (min-width: 1120px) { .article-box .article .article-thumbnail { width: 540px; } }

.article-box .article .article-thumbnail img { width: 100%; border-radius: 16px; background-color: white; box-sizing: border-box; max-width: 600px; max-height: 362px; object-fit: contain; height: 100%; }

.article-box .article .article-thumbnail .article-thumbnail-img-container { display: flex; height: 100%; align-items: center; border-radius: 16px; justify-content: center; padding: 20px; }

.article-box .article .article-thumbnail .article-thumbnail-img-container a { height: 100%; }

.article-box .article .article-content { background: var(--section-softcolor); flex: 1; text-align: left; display: flex; flex-direction: column; min-width: calc(min(100%, 440px)); gap: 40px; padding: 32px; }

@media (min-width: 680px) { .article-box .article .article-content { padding: 48px 48px 40px 48px; } }

@media (min-width: 1120px) { .article-box .article .article-content { padding: 48px 48px 40px 48px; } }

@media (min-width: 1440px) { .article-box .article .article-content { padding: 48px 48px 40px 48px; } }

.article-box .article .article-content *:not(.button) { color: #344054; }

.article-box .article .article-content .article-top { display: flex; flex-direction: column; gap: 16px; }

.article-box .article .article-content .article-tag { color: var(--section-hardcolor); font-family: Inter; font-size: 12px; font-style: normal; font-weight: 600; line-height: normal; letter-spacing: 1.2px; text-transform: uppercase; }

.article-box .article .article-content .article-title { color: var(--epoch-gray-800, #162B32); font-family: Messina Sans; font-size: 26px; font-style: normal; font-weight: 600; line-height: 140%; /* 36.4px */ letter-spacing: -0.52px; }

.article-box .article .article-content .article-summary { color: var(--epoch-gray-600, #3E555E); font-family: Messina Sans; font-size: 18px; font-style: normal; font-weight: 400; line-height: 150%; /* 27px */ letter-spacing: -0.18px; }

.article-box .article .article-content .article-resources { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: auto; gap: 12px; }

.article-box .article .article-content .article-resources .article-resource { flex: 1 1 0; text-wrap: nowrap; transition: box-shadow var(--transition); }

.article-box .article .article-content .article-resources .article-resource .article-resource-icon { font-size: 16px; }

.article-box .article .article-content .article-resources .article-resource:not([data-read-more="true"]) { display: flex; padding: 10px 24px 10px 20px; justify-content: center; align-items: center; gap: 8px; border-radius: 100px; /* Text S / Medium */ font-family: Inter; font-size: 14px; font-style: normal; font-weight: 500; line-height: 20px; /* 142.857% */ }

.article-box .article .article-content .article-resources [data-read-more="true"] .article-resource-icon { display: none; }

@media (max-width: 679px) { .article-box .article .article-content .article-resources [data-read-more="true"] { min-width: 100%; } }

@media (min-width: 1120px) and (max-width: 1440px) { .article-box .article .article-content .article-resources [data-read-more="true"] { min-width: 100%; } }

.superhighlight { position: relative; padding: 15px; background: var(--section-softcolor); min-height: 300px; overflow: hidden; border-radius: 16px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; }

.superhighlight > * { position: relative; z-index: 2; }

.superhighlight * { color: #344054; }

.superhighlight .superhighlight-header { display: flex; align-items: flex-start; column-gap: 12px; }

.superhighlight .superhighlight-midtext { color: var(--epoch-gray-800, #162B32); text-align: center; font-family: Messina Sans; font-size: 48px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: -1.44px; margin-top: 10px; margin-bottom: 10px; }

@media (max-width: 700px) { .superhighlight .superhighlight-midtext { font-size: 46px; } }

.superhighlight .superhighlight-caption p { text-align: left; margin-bottom: 0; color: var(--epoch-gray-800, #162B32); font-family: Inter; font-size: 13px; font-style: normal; font-weight: 500; line-height: 20px; /* 153.846% */ }

.superhighlights { display: flex; column-gap: 32px; row-gap: 40px; flex-wrap: wrap; }

.superhighlights .superhighlight { flex: 1; min-width: calc(min(325px, 100%)); }

.card .highpoint-value, .superhighlight .highpoint-value { position: relative; }

.card .icon-box, .superhighlight .icon-box { position: absolute; top: 13px; right: 22px; font-size: 24px; transition: opacity var(--transition); opacity: 0; }

.card .icon-box *, .superhighlight .icon-box * { color: #344054; }

.card .icon-box > *, .superhighlight .icon-box > * { cursor: pointer; }

.card .icon-box > *:not(:last-child), .superhighlight .icon-box > *:not(:last-child) { margin-right: 12px; }

.card:hover .icon-box, .superhighlight:hover .icon-box { opacity: 1; }

@media (min-width: 1213px) { #data-trends-section .highpoint-box > div { /* Force two rows of two columns */ min-width: 340px; } }

#inner-nav-bar .inner-nav-bar-content .nav-bar-section { z-index: 10000; cursor: pointer; display: flex; gap: 8px; place-items: center; font-size: 14px !important; font-weight: 700; }

#acknowledgements, #citation, #feedback { margin-left: auto; margin-right: auto; text-align: left; }

@media (min-width: 680px) { #acknowledgements, #citation, #feedback { padding: 64px 46px; } }

@media (min-width: 1120px) { #acknowledgements, #citation, #feedback { padding: 80px; } }

@media (min-width: 1440px) { #acknowledgements, #citation, #feedback { padding: 96px 128px; } }

#acknowledgements h2, #citation h2, #feedback h2 { word-break: break-all; margin: 0; color: var(--epoch-green-800, #09323A); font-family: Messina Sans; font-size: 32px; font-style: normal; font-weight: 600; line-height: 120%; /* 38.4px */ letter-spacing: -0.64px; }

#acknowledgements h3, #citation h3, #feedback h3 { margin: 0; color: var(--epoch-green-800, #09323A); font-family: Messina Sans; font-size: 22px; font-style: normal; font-weight: 600; line-height: 140%; /* 30.8px */ letter-spacing: -0.44px; }

#acknowledgements .citation-code, #citation .citation-code, #feedback .citation-code { width: 100%; }

.value { margin-right: 0; }

.per-year { display: inline-block; font-size: 20px; transform: translateY(0px); }

[data-theme="light-border"] * { color: black; }

.tippy-box[data-theme~='dark-transparent'] { --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; }

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

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

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

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

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

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

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

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

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

#growth-unit-selector-container { margin-top: 64px; margin-bottom: 48px; font-weight: bold; font-size: 14px; padding-left: 0; padding-right: 0; }

@media (min-width: 1120px) { #growth-unit-selector-container { margin-bottom: 80px; } }

@media (min-width: 1440px) { #growth-unit-selector-container { margin-bottom: 96px; } }

#growth-unit-selector-container .label { margin-bottom: 16px; color: var(--epoch-gray-400, #90A5AB); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 500; line-height: 20px; /* 142.857% */ }

#growth-unit-selector-container #growth-unit-selector { display: inline-flex; margin-left: auto; margin-right: auto; white-space: nowrap; user-select: none; background: var(--epoch-gray-200, #E2EEEE); border-radius: 100px; }

@media (max-width: 430px) { #growth-unit-selector-container #growth-unit-selector { font-size: 12px; } }

@media (max-width: 340px) { #growth-unit-selector-container #growth-unit-selector { flex-direction: column; } }

@media (max-width: 347px) { #growth-unit-selector-container #growth-unit-selector { flex-direction: column; border-radius: 21px; } }

#growth-unit-selector-container #growth-unit-selector .option { color: white; transition: 0.1s; box-sizing: border-box; cursor: pointer; display: flex; color: #FFF; font-family: Inter; font-size: 14px; font-style: normal; font-weight: 500; line-height: 20px; /* 142.857% */ border-radius: 100px; color: var(--epoch-green-700, #034752); border: 1px solid transparent; padding: 10px 16px; }

@media (min-width: 680px) { #growth-unit-selector-container #growth-unit-selector .option { padding: 10px 24px; } }

#growth-unit-selector-container #growth-unit-selector .option.selected { color: #fff; border: 1px solid var(--epoch-green-700, #034752); background: var(--epoch-green-700, #034752); }

.growth-value-unit { white-space: nowrap; }

.superhighlight a, .tippy-content a { text-decoration: underline; }

.card-top-right-corner { display: flex; gap: 10px; align-items: center; white-space: nowrap; margin-left: auto; }

.uncertainty { display: flex; height: 24px; padding: 2px 10px; justify-content: center; align-items: center; gap: 8px; background: none; border-radius: 100px; border: 1px solid; font-family: Inter; font-size: 12px; font-style: normal; font-weight: 500; line-height: 20px; /* 166.667% */ }

.flop-per-dollar { white-space: nowrap; }

@media (max-width: 320px) { .flop-per-dollar { white-space: normal; } }

.half-line-break { height: 12px; visibility: hidden; }

.uncertainty-label { font-style: italic; }

#feedback { margin-bottom: 0px; padding-top: 0; align-items: flex-start; }

#acknowledgements { padding-bottom: 0; margin-bottom: 0; gap: 24px !important; }

#acknowledgements p, #feedback p { color: var(--epoch-gray-600, #3E555E); font-family: Messina Sans; font-size: 18px; font-style: normal; font-weight: 350; line-height: 150%; /* 27px */ letter-spacing: -0.18px; }

#citation { --gap: 32px; gap: var(--gap); padding-bottom: var(--gap); }

@media (min-width: 680px) { #citation { --gap: 48px; } }

@media (min-width: 1120px) { #citation { --gap: 64px; } }

@media (min-width: 1440px) { #citation { --gap: 64px; } }

#acknowledgements, #citation { align-items: flex-start; }

#acknowledgements > *, #citation > * { text-align: left; margin: 0; }

#acknowledgements .citation-block, #citation .citation-block { display: flex; flex-direction: column; gap: 16px; width: 100%; }

#citation { padding-top: 32px; }

@media (min-width: 680px) { #citation { padding-top: 48px; } }

@media (min-width: 1120px) { #citation { padding-top: 64px; } }

@media (min-width: 1440px) { #citation { padding-top: 96px; } }

.card-title-bar { height: 100%; flex: 0 0 4px; background-color: var(--section-hardcolor); border-radius: 4px; }

.card-box, .top-section { max-width: 1680px; margin-left: auto; margin-right: auto; }

.headline { background-image: url("/assets/images/dot-3.svg"); }

.headline .title { width: initial !important; }

.headline .top-buttons { display: flex; justify-content: center; align-items: flex-start; gap: 12px; }

.headline .top-button { padding: 10px 20px 10px 24px; display: flex; padding: 10px 20px 10px 24px; justify-content: center; align-items: center; gap: 8px; border-radius: 100px; border: 2px solid var(--epoch-green-700, #034752); background: #EBF5F4; }

.headline .top-button .label { color: var(--epoch-green-700, #034752); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 500; line-height: 20px; /* 142.857% */ text-wrap: nowrap; }

.headline .top-button .twitter-icon { font-size: 20px; }

.headline .top-button, .headline .top-button * { transition: var(--transition); }

.headline .top-button:hover { border-color: var(--epoch-gray-900, #091D21); box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); }

.headline .top-button:hover * { color: var(--epoch-gray-900, #091D21); }

.headline .top-button:focus { outline-offset: 0; outline: 0; border-color: var(--epoch-green-700, #034752); background: rgba(255, 255, 255, 0.01); box-shadow: 0px 0px 10px 0px #00A5A6; }

.headline .top-button:focus * { color: var(--epoch-green-700, #034752); }

.caption-bottom { padding-top: 10px; color: #3E555E !important; font-family: Messina Sans; font-size: 13px !important; font-weight: 400 !important; line-height: 20px; }

.caption-bottom span { color: #3E555E !important; font-family: Messina Sans; font-size: 13px !important; font-weight: 400 !important; line-height: 20px; }

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