@charset "utf-8";

.ods-x-full-frame { display: none; position: fixed; inset: 0px; width: 100%; height: 100%; background: var(--color-neutral-90, #1e1e1e); z-index: 7000002; box-sizing: border-box; }

.ods-x-full-frame--visible { display: flex; }

.ods-x-full-frame__close { appearance: none; border: none; background: none; margin: 0px; padding: 0px; cursor: pointer; line-height: 0; }

.ods-x-full-frame__close-icon { color: var(--color-neutral-0); }

.ods-x-full-frame__picture--landscape .ods-o-article-photo-template .ods-a-photo { width: 100vw; height: auto; max-width: 100%; }

.ods-x-full-frame__picture--portrait .ods-o-article-photo-template .ods-a-photo { height: 100vh; width: auto; max-height: 100%; }

.ods-x-full-frame .ods-o-article-photo { padding-bottom: 0px; min-width: 0px; min-height: 0px; max-width: 100%; max-height: 100%; align-items: center; justify-content: center; }

.ods-x-full-frame .ods-o-article-photo__caption { display: none; }

.ods-x-full-frame .ods-o-article-photo .ods-a-photo { transition: none; }

.ods-x-full-frame .ods-o-article-photo .ods-a-photo--background { background-color: transparent; }

.ods-x-full-frame .ods-a-caption { display: flex; align-items: flex-start; align-self: stretch; padding: 0px; }

.ods-body-desktop .ods-x-full-frame { padding: 15px var(--space-padding-XL, 30px); gap: var(--space-padding-XL, 30px); align-items: center; }

.ods-body-desktop .ods-x-full-frame__picture { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; flex: 1 0 0px; height: 100%; width: 100%; min-width: 0px; min-height: 0px; }

.ods-body-desktop .ods-x-full-frame__description { display: flex; width: 300px; padding-top: var(--space-padding-L, 15px); flex-direction: column; align-items: flex-end; gap: var(--space-padding-L, 15px); flex-shrink: 0; align-self: stretch; }

.ods-body-desktop .ods-x-full-frame__ads { display: flex; width: 100%; }

.ods-body-desktop .ods-x-full-frame__ads ad-default { width: 100%; }

.ods-body-desktop .ods-x-full-frame__caption-wrapper { padding-bottom: var(--space-padding-M, 10px); }

.ods-body-desktop .ods-x-full-frame .ods-a-caption { display: -webkit-box; -webkit-line-clamp: 12; -webkit-box-orient: vertical; overflow: hidden; }

.ods-body-mobile .ods-x-full-frame { width: 100%; height: 100%; padding: var(--space-padding-M, 10px) 0; flex-direction: column; justify-content: space-between; align-items: center; gap: var(--space-padding-M, 10px); }

.ods-body-mobile .ods-x-full-frame__close { display: flex; justify-content: flex-end; align-items: center; gap: 10px; align-self: stretch; outline: none; }

.ods-body-mobile .ods-x-full-frame__picture { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--space-padding-L, 15px); height: 100%; width: 100%; min-width: 0px; min-height: 0px; }

.ods-body-mobile .ods-x-full-frame__caption-wrapper { padding: 0px 15px; }

.ods-body-mobile .ods-x-full-frame__description { width: 100%; }

.ods-body-mobile .ods-x-full-frame .ods-a-caption { align-items: flex-start; align-self: stretch; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

.ods-body-mobile .ods-x-full-frame .ods-m-photo-article { width: auto; }

.ods-body-mobile .ods-x-full-frame .ods-o-article-photo { margin: 0px; }
