.theme-media{position:absolute;inset:0;display:block;overflow:hidden;background:color-mix(in srgb,var(--theme-media-primary,#76552f) 12%,#f4efe7)}
.theme-media>img{position:absolute;inset:0;z-index:2;width:100%;height:100%;display:block;object-fit:cover}
.theme-media__fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;padding:10px;text-align:center;color:var(--theme-media-primary,#76552f);background:radial-gradient(circle at 22% 18%,color-mix(in srgb,var(--theme-media-accent,#c69a56) 22%,transparent),transparent 34%),linear-gradient(145deg,color-mix(in srgb,var(--theme-media-primary,#76552f) 8%,#fff),color-mix(in srgb,var(--theme-media-accent,#c69a56) 16%,#f3eee6))}
.theme-media__fallback:after{content:"";position:absolute;inset:7px;border:1px solid color-mix(in srgb,var(--theme-media-primary,#76552f) 16%,transparent);border-radius:inherit;pointer-events:none}
.theme-media__fallback svg{width:34%;max-width:58px;min-width:24px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;opacity:.76}
.theme-media__fallback span{position:relative;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:750;letter-spacing:.01em}
.theme-media__fallback small{position:relative;font-size:8px;font-weight:650;letter-spacing:.1em;text-transform:uppercase;opacity:.62}
.story-avatar,.subcategory-card{position:relative}
.story-avatar .theme-media,.subcategory-card .theme-media{position:absolute}
.modal-media{position:relative;min-height:440px;overflow:hidden}
.modal-media>.modal-image{position:absolute;inset:0;z-index:2;width:100%;height:100%;object-fit:cover}
.modal-media>.theme-media{z-index:0}
@media(max-width:620px){.modal-media{min-height:0;height:min(230px,31dvh)}}