.socra-media{position:relative;inline-size:100%;min-inline-size:0;aspect-ratio:var(--ratio);overflow:hidden;background:var(--socra-surface-secondary);color:var(--socra-ui-muted-foreground)}.socra-media[data-presentation=cover]{align-self:stretch;border-radius:var(--socra-ui-showcase-radius);--corner-shape: var(--socra-ui-container-corner-shape);corner-shape:var(--socra-ui-container-corner-shape)}.socra-media[data-presentation=artwork]{max-inline-size:400px;margin-inline:auto;background:transparent}.socra-media [data-slot=media-resource]{position:absolute;inset:0}:root,.light{--socra-media-light-display: block;--socra-media-dark-display: none}.dark{--socra-media-light-display: none;--socra-media-dark-display: block}[data-socra-theme=light]{--socra-media-light-display: block;--socra-media-dark-display: none}[data-socra-theme=dark]{--socra-media-light-display: none;--socra-media-dark-display: block}.socra-media [data-theme=light]{display:var(--socra-media-light-display, block)}.socra-media [data-theme=dark]{display:var(--socra-media-dark-display, none)}.socra-media [data-slot=media-image],.socra-media [data-slot=media-placeholder]{position:absolute;inset:0;display:block;inline-size:100%;block-size:100%;object-fit:contain}.socra-media[data-fit=cover] [data-slot=media-image],.socra-media[data-fit=cover] [data-slot=media-placeholder]{object-fit:cover}.socra-media [data-slot=media-placeholder]{filter:blur(16px);transform:scale(1.1)}.socra-media [data-slot=media-image][hidden]{display:none}.socra-media [data-slot=media-unavailable]{display:flex;block-size:100%;align-items:center;justify-content:center}@media(min-width:900px){.socra-media[data-presentation=cover]{aspect-ratio:auto;min-block-size:320px;border-radius:0;--corner-shape: var(--socra-ui-container-corner-shape);corner-shape:var(--socra-ui-container-corner-shape)}}@media(prefers-reduced-transparency:reduce){.socra-media [data-slot=media-placeholder]{filter:none;transform:none}}@media(forced-colors:active){.socra-media[data-decorative=true]{display:none}.socra-media:not([data-decorative=true]){background:Canvas;color:CanvasText}}
