html { scroll-behavior: smooth; }

#top-nav-bar { opacity: 0; }

.section-divider { stroke: var(--Gray-200); margin-bottom: 48px; }

.post { --side-padding: 32px; }

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

@media (min-width: 1120px) { .post { --side-padding: 80px; } }

@media (min-width: 1440px) { .post { --side-padding: 128px; } }

.post .post-head { background-image: var(--background-image, url("/https/epoch.ai/assets/images/dot-4.svg")); background-size: 20px 20px; background-position-x: 15px; background-color: var(--header-background-color); }

.post .post-head.dark-background .post-title { color: white; }

.post .post-head.dark-background .post-description { color: var(--Gray-300); }

.post .post-head.dark-background .breadcrumb { max-width: calc(1424px + 2*64px); }

.post .post-head.dark-background .breadcrumb .root, .post .post-head.dark-background .breadcrumb .path-component { color: white; }

.post .post-head.dark-background .breadcrumb .chevron-right path { stroke: white; }

.post .post-head .breadcrumb { max-width: calc(1424px + 2*64px); margin-left: auto; margin-right: auto; padding-top: 24px; display: flex; align-items: center; gap: 4px; align-self: stretch; }

.post .post-head .breadcrumb .root { color: var(--Green-700); }

.post .post-head .breadcrumb a { text-decoration: none; }

.post .post-head .breadcrumb .chevron-right { opacity: 0.4; }

.post .post-head .breadcrumb .chevron-right path { stroke: var(--Green-700); }

.post .post-head .breadcrumb .path-component { color: var(--Green-700); font-family: Inter; font-size: 14px; font-style: normal; font-weight: 500; line-height: 20px; /* 142.857% */ white-space: nowrap; }

.post .post-head .breadcrumb .path-component:not(.root) { overflow: hidden; text-overflow: ellipsis; opacity: 0.4; }

.post .post-head .post-type { color: var(--post-type-color, var(--Green-500)); text-align: center; font-family: Messina Sans; font-size: 18px; font-style: normal; font-weight: 600; line-height: 28px; /* 155.556% */ margin-bottom: 24px; text-transform: capitalize; }

.post .post-head .post-type.post-type-blend { opacity: var(--post-type-opacity, 0.6); mix-blend-mode: var(--post-type-mix-blend-mode, color-dodge); }

.post .post-head .post-title { max-width: 980px; margin-bottom: 32px; margin-left: auto; margin-right: auto; color: var(--Green-800); text-align: center; font-family: Messina Serif; font-size: 36px; font-style: normal; font-weight: 400; line-height: 120%; /* 43.2px */ letter-spacing: -0.72px; }

@media (min-width: 680px) { .post .post-head .post-title { font-size: 48px; letter-spacing: -0.96px; } }

@media (min-width: 1120px) { .post .post-head .post-title { font-size: 64px; letter-spacing: -1.28px; } }

.post .post-head .post-description { margin-bottom: 60px; max-width: 787px; margin-left: auto; margin-right: auto; color: var(--Gray-700); text-align: center; font-family: Messina Sans; font-size: 24px; font-style: normal; font-weight: 350; line-height: 150%; /* 36px */ letter-spacing: -0.24px; }

.post .post-head .post-presentation { padding-left: var(--side-padding); padding-right: var(--side-padding); padding-top: 48px; }

@media (min-width: 680px) { .post .post-head .post-presentation { padding-top: 64px; } }

@media (min-width: 1120px) { .post .post-head .post-presentation { padding-top: 80px; } }

@media (min-width: 1440px) { .post .post-head .post-presentation { padding-top: 80px; } }

.post .post-head .post-thumbnails-container { --background-transition: 50%; background: linear-gradient(to bottom, transparent var(--background-transition), #ffffff var(--background-transition)); padding-top: 0; }

.post .post-head .post-thumbnails-container .post-thumbnails { padding-left: var(--side-padding); padding-right: var(--side-padding); }

.post .post-head .post-thumbnails-container .post-thumbnails img { background: white; }

.post .post-head .post-thumbnails-container .post-thumbnail-content { position: relative; overflow: hidden; width: fit-content; margin-left: auto; margin-right: auto; display: flex; justify-content: space-around; }

.post .post-head .post-thumbnails-container .post-thumbnail-content:has(.post-thumbnail-video) { width: 100%; max-width: var(--default-max-section-width); }

.post .post-head .post-thumbnails-container .post-thumbnail, .post .post-head .post-thumbnails-container .post-thumbnail-copiable-image, .post .post-head .post-thumbnails-container .post-thumbnails-gradient { max-height: 80vh; max-width: calc(min(100%, var(--default-max-section-width))); border-radius: 12px; }

.post .post-head .post-thumbnails-container .post-thumbnail { border: 1px solid rgba(0, 0, 0, 0.08); }

.post .post-head .post-thumbnails-container .post-thumbnail-video { width: 100%; max-width: var(--default-max-section-width); aspect-ratio: 16 / 9; border-radius: 12px; margin-bottom: 1rem; position: relative; overflow: hidden; }

.post .post-head .post-thumbnails-container .post-thumbnail-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.post .post-head .post-thumbnails-container .post-thumbnails-gradient { position: absolute; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.1) 100%); top: 0; bottom: 4px; left: 0; right: 0; }

.post .post-head .post-thumbnails-container .post-thumbnail-copiable-image { position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; }

.post .post-properties { display: flex; flex-wrap: wrap; row-gap: 32px; column-gap: 48px; padding-bottom: 16px; font-family: Messina Sans; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; /* 142.857% */ letter-spacing: -0.14px; }

.post .post-properties * { color: var(--Gray-600) !important; }

.post .post-properties .post-authors, .post .post-properties .post-resources-container, .post .post-properties .shares-container, .post .post-properties .tags-container { flex: 1 0 100%; }

.post .post-properties .post-publication-date { margin-bottom: 4px; padding: 6px 0; }

.post .post-properties a.post-publication-date-label { text-decoration: none; align-items: center; display: flex; gap: 4px; }

@media (min-width: 680px) { .post .post-properties .post-authors, .post .post-properties .shares-container, .post .post-properties .tags-container { flex: 1 0 0; } .post .post-properties .post-resources-container { flex-basis: 100%; } }

@media (min-width: 1120px) { .post .post-properties { flex-wrap: nowrap; } .post .post-properties .post-resources-container { flex: 1 0 0; } }

.post .post-properties h3 { margin-bottom: 12px; color: var(--Gray-400) !important; font-family: Messina Sans; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; /* 142.857% */ letter-spacing: -0.14px; }

.post .post-properties .authors-container { display: flex; flex-wrap: wrap; row-gap: 4px; padding: 6px 0; }

.post .post-properties .post-author { padding: 0; display: flex; align-items: center; width: fit-content; text-align: left; text-wrap: nowrap; font-size: 14px; font-family: Messina Sans; }

.post .post-properties .post-resources { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 8px; align-self: stretch; }

.post > .post-body { margin-left: auto; margin-right: auto; padding-left: var(--side-padding); padding-right: var(--side-padding); padding-top: 48px; padding-bottom: 0; margin-bottom: 48px; }

@media (min-width: 680px) { .post > .post-body { margin-bottom: 64px; } }

@media (min-width: 1120px) { .post > .post-body { margin-bottom: 80px; } }

@media (min-width: 1440px) { .post > .post-body { margin-bottom: 96px; } }

@media (min-width: 1120px) { .post .post-content-container { display: flex; gap: 64px; } .post .post-content-container .toc { order: 1; margin-bottom: 0; position: relative; flex: 0 0 280px; } .post .post-content-container .toc .nav-container { top: 32px; position: sticky; --displacement: 0px; } .post .post-content-container .toc .toc-list-container { max-height: calc(100vh - 100px - var(--displacement)); overflow-y: auto; -ms-overflow-style: none; scrollbar-width: none; } .post .post-content-container .toc .toc-list-container::-webkit-scrollbar { display: none; } .post .post-content-container .post-content { overflow-x: visible; } }

.post .toc { margin-bottom: 48px; }

.post .post-bottom { margin-top: 48px; }

.post .post-bottom h3 { margin-bottom: 24px; color: var(--Gray-400); font-family: Messina Sans; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; /* 142.857% */ letter-spacing: -0.14px; }

.post .about-the-authors { max-width: 744px; }

.post .about-the-authors .author-cards { display: flex; flex-direction: column; gap: 24px; }

.post .about-the-authors .author-card { display: flex; gap: 16px; }

.post .about-the-authors .author-card .avatar-container { flex: 0 0 48px; }

.post .about-the-authors .author-card .avatar-container .avatar { width: 48px; height: 48px; border-radius: 100px; filter: grayscale(1); }

.post .about-the-authors .author-card .description { color: var(--Gray-600); font-family: Messina Sans; font-size: 14px; font-style: normal; font-weight: 400; line-height: 150%; letter-spacing: -0.14px; display: flex; flex-direction: column; }

.post .about-the-authors .author-card .description .author-type { font-style: italic; }

.post .about-the-authors .author-card .description .description-name { font-weight: 600; }

@media (min-width: 1440px) { .post .top-section-divider { width: calc(100% - 2*48px); margin-left: auto; margin-right: auto; } }

.post .bottom-section-divider { background: var(--Gray-200); margin-top: 32px; margin-bottom: 32px; }

.post .bottom-section-divider:first-child { margin-top: 0; }

@media (min-width: 680px) { .post .bottom-section-divider { margin-bottom: 48px; margin-top: 48px; } }

.post .about-the-authors { margin-top: 32px; margin-bottom: 32px; }

.post .related-research { background: var(--Gray-50); }

.post .related-research .related-research-content { padding-left: var(--side-padding); padding-right: var(--side-padding); padding-top: 48px; padding-bottom: 48px; margin-left: auto; margin-right: auto; }

@media (min-width: 680px) { .post .related-research .related-research-content { padding-top: 64px; padding-bottom: 64px; } }

@media (min-width: 1120px) { .post .related-research .related-research-content { padding-top: 80px; padding-bottom: 80px; } }

@media (min-width: 1440px) { .post .related-research .related-research-content { padding-top: 96px; padding-bottom: 96px; } }

.post .related-research .related-research-content > h2 { margin-bottom: 32px; color: var(--Green-700); font-family: Messina Sans; font-size: 22px; font-style: normal; font-weight: 600; line-height: 140%; /* 30.8px */ letter-spacing: -0.44px; }

@media (min-width: 680px) { .post .related-research .related-research-content > h2 { font-size: 26px; letter-spacing: -0.52px; } }

.post .related-research .related-research-content .related-research-posts { display: grid; grid-gap: 64px; }

@media (min-width: 1120px) { .post .related-research .related-research-content .related-research-posts { grid-template-columns: repeat(3, 1fr); } }

.post .shares { display: flex; align-items: flex-start; align-content: flex-start; gap: 8px; align-self: stretch; flex-wrap: wrap; }

@media (min-width: 680px) { .post .shares { flex-direction: column; } }

.post .tag-button { display: inline-block; height: 40px; white-space: nowrap; border-radius: 100px; border: 1px solid var(--Gray-300); padding: 10px 24px; color: var(--Green-700); font-family: Messina Sans; font-size: 14px; font-style: normal; font-weight: 600; line-height: 20px; /* 142.857% */ text-decoration: none; cursor: pointer; }

.post .tags { display: flex; flex-wrap: wrap; gap: 8px; }

.post .post-visual-element { margin-top: 48px; margin-bottom: 48px; }

.shares-and-tags { max-width: 744px; }

.shares-and-tags h3 { margin-bottom: 13px; }

.shares-and-tags .shares-container { margin-bottom: 24px; }

@media (min-width: 680px) { .shares-and-tags { display: flex; gap: 48px; } .shares-and-tags .shares-container, .shares-and-tags .tags-container { flex: 1 1 0; margin-bottom: 0; } }

.post-update .post-content-container, .post-viewpoint .post-content-container, .post-gradient-updates .post-content-container { justify-content: center; padding-bottom: 0; }

.post-update .post-content, .post-viewpoint .post-content, .post-gradient-updates .post-content { max-width: 800px; }

#updates { margin-top: 48px; }

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

#updates .changelog .changelog-header { padding-bottom: 24px !important; }

#updates .changelog .handorgel__header__button { color: var(--Green-700); font-family: Messina Sans; font-size: 22px; font-style: normal; font-weight: 600; line-height: 140%; /* 30.8px */ letter-spacing: -0.44px; }

#updates .changelog .changelog-changes { display: flex; flex-direction: column; gap: 24px; }

#updates .changelog .handorgel__content .changelog-change * { color: var(--Green-700); font-family: Messina Sans; font-size: 16px; font-style: normal; font-weight: 400; line-height: 150%; }

#updates .changelog .handorgel__content .changelog-change > :last-child { margin-bottom: 0; }

#updates .changelog .handorgel__content .changelog-change .date { font-weight: 700; }

#updates .changelog .changelog-divider { width: 100%; height: 1px; background: var(--Gray-300); }

#updates .changelog .handorgel__content { padding-right: 0; }

[data-theme="round-light"] { max-width: initial !important; background: none; }

[data-theme="round-light"] .tippy-content { padding: 0; }

.author-card-container { background: white; color: black; padding: 24px; border-radius: 16px; border: 1px solid rgba(3, 71, 82, 0.1); background: #FFF; /* Shadow/md */ box-shadow: 0px 2px 4px -2px rgba(16, 24, 40, 0.06), 0px 4px 8px -2px rgba(16, 24, 40, 0.1); display: flex; gap: 32px; }

.author-card-container .left { width: 176px; height: 176px; flex: 1 0 176px; border-radius: 4px; background: var(--mug-url), lightgray 50%/cover no-repeat; background-size: cover; }

.author-card-container .right { width: 200px; flex: 1 0 200px; display: flex; flex-direction: column; }

.author-card-container .right .name { color: var(--Green-800); font-family: Messina Sans; font-size: 20px; font-style: normal; font-weight: 600; line-height: 115%; /* 23px */ letter-spacing: -0.4px; margin-bottom: 4px; }

.author-card-container .right .position { color: var(--Gray-500); font-family: Messina Sans; font-size: 16px; font-style: normal; font-weight: 400; line-height: 150%; /* 24px */ }

.author-card-container .right .resources { display: flex; gap: 16px; }

.author-card-container .right .resources .resource { font-size: 20px; padding: 6px; transition: color 0.1s ease-in-out; color: var(--Gray-400); }

.author-card-container .right .resources .resource:hover { color: #5a676b; }

.author-card-container .right .bottom { margin-top: auto; }

.author-card-container .right .author-posts-button { width: 100%; }

.figures-with-selector figure:not(.active) { display: none; }

.figures-with-options .download-button { height: 33px; }

.figures-with-options figure { margin-bottom: 0; }

.figures-with-options { margin-bottom: 48px; }

.figures-with-options figure img, .figures-with-options .epoch-figure { border-bottom: none !important; border-bottom-right-radius: 0px !important; border-bottom-left-radius: 0px !important; }

.figures-with-options.with-bottom-caption figure img, .figures-with-options.with-bottom-caption .epoch-figure { padding-bottom: 0; }

.figures-with-options.with-bottom-caption figcaption { padding: 16px 24px; border-left: 1px solid #E7EBEC; border-right: 1px solid #E7EBEC; margin-top: 0; }

.figures-with-options .options-container { /* display: flex; align-items: flex-start; */ padding: 20px 24px 24px 24px; flex-direction: column; gap: 12px; align-self: stretch; border: 1px solid rgba(0, 0, 0, 0.08); background: var(--Gray-50); border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; border-top: 1px solid #E7EBEC; }

@media (min-width: 1440px) { .post-content-container, .post-properties, .post-social, .post-bottom { padding-left: 48px; padding-right: 48px; } }

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