/* One public identity rail and one media scale for creator pages and readers. */
.site-body.page-creator-detail { --creator-image-preview-height:300px; --creator-video-preview-height:240px; }
.site-body.page-creator-detail .community-context.is-creator .community-context__cover {
  display:block!important; width:100%; height:auto; aspect-ratio:2 / 1; object-fit:cover;
}
.site-body.page-creator-detail .community-context__cover + .community-context__heading { padding-top:14px; }
.community-context__website { display:block; margin:0 0 16px; color:#325e47; font-size:13px; overflow-wrap:anywhere; }
.site-body [data-creator-content] .space-view-post-media-wrap:not(.is-video) {
  min-height:0!important; height:auto!important; aspect-ratio:auto!important;
  max-height:var(--creator-image-preview-height,300px)!important;
  width:fit-content!important; max-width:100%; margin-inline:auto!important; background:transparent!important;
}
.site-body [data-creator-content] .space-view-post-media-wrap[style]::before,
.site-body [data-creator-content] .space-view-post-media-wrap[style]::after { display:none!important; content:none!important; }
.site-body [data-creator-content] .space-view-post-media-wrap:not(.is-video) > .elm-media-guard-wrap {
  display:block; position:relative!important; inset:auto!important;
  width:fit-content!important; height:auto!important; max-width:100%; margin-inline:auto!important;
}
.site-body [data-creator-content] .space-view-post-media:is(img),
.site-body.page-creator-detail .elm-public-post__media > img,
.site-body.page-creator-detail .elm-public-post__media > .elm-media-guard-wrap > img {
  display:block!important; position:relative!important; inset:auto!important;
  width:auto!important; height:auto!important; max-width:100%!important;
  max-height:var(--creator-image-preview-height,300px)!important;
  margin:0 auto!important; object-fit:contain!important; transform:none!important;
}
.site-body [data-creator-content] .space-view-post-media-wrap.is-video {
  width:min(100%,calc(var(--creator-video-preview-height,240px) * var(--elm-media-ratio,1.777778)))!important;
  max-height:var(--creator-video-preview-height,240px)!important;
  min-height:0!important; margin-inline:auto; flex:none;
}
.site-body [data-creator-content] .is-video > .post-video-preview > .elm-media-guard-wrap {
  position:absolute; inset:0; display:block; width:100%; height:100%;
}
.site-body [data-creator-content] .post-video-preview img { width:100%; height:100%; object-fit:contain; }
.site-body.page-community-public.page-creator-detail .elm-public-post__media {
  min-height:0; height:auto; max-height:var(--creator-image-preview-height,300px); aspect-ratio:auto;
  background:transparent; margin-top:14px;
}
.site-body.page-community-public.page-creator-detail .elm-public-post__media:not(:has(video)) > .elm-media-guard-wrap {
  position:relative; inset:auto; width:fit-content; height:auto; max-width:100%; margin-inline:auto;
}
.site-body.page-community-public.page-creator-detail .elm-public-post__media:has(video) {
  height:var(--creator-video-preview-height,240px); max-height:var(--creator-video-preview-height,240px);
}
.site-body.page-community-public.page-creator-detail .elm-public-post__media video { width:100%; height:100%; object-fit:contain; }
.site-body.page-community-public.page-creator-detail .guest-public__post-media-shell {
  min-height:0; height:auto; aspect-ratio:auto; max-height:var(--creator-image-preview-height,300px);
  background:transparent; overflow:visible;
}
.site-body.page-community-public.page-creator-detail .guest-public__post-backdrop,
.site-body.page-community-public.page-creator-detail .guest-public__post-media-shell::after,
.site-body.page-community-public.page-creator-detail .elm-public-post__media::before,
.site-body.page-community-public.page-creator-detail .elm-public-post__media::after { display:none; }
.site-body.page-community-public.page-creator-detail .guest-public__post-media,
.site-body.page-community-public.page-creator-detail .guest-public__video-thumb {
  position:relative; inset:auto; width:auto; height:auto; max-width:100%;
  max-height:var(--creator-image-preview-height,300px); margin-inline:auto;
}
.site-body.page-community-public.page-creator-detail .guest-public__post-media-shell > .elm-media-guard-wrap,
.site-body.page-community-public.page-creator-detail .guest-public__video-thumb > .elm-media-guard-wrap {
  position:relative; inset:auto; display:block; width:fit-content; height:auto; max-width:100%; margin-inline:auto;
}
.site-body.page-community-public.page-creator-detail .guest-public__post-media-shell.is-video,
.site-body.page-community-public.page-creator-detail .guest-public__video-thumb,
.site-body.page-community-public.page-creator-detail .is-video .guest-public__post-media {
  max-height:var(--creator-video-preview-height,240px);
}
@media(max-width:760px) {
  .site-body.page-creator-detail .community-context[open] .community-context__cover { display:block!important; }
}