.root{
  display:grid;
  grid-template-columns:minmax(0, 1fr) calc(6 * var(--sn-primitive-dimension-64, 64px) - var(--sn-primitive-dimension-4, 4px));
  -moz-column-gap:var(--sn-primitive-dimension-8, 8px);
       column-gap:var(--sn-primitive-dimension-8, 8px);
  height:calc(6 * var(--sn-primitive-dimension-64, 64px) - var(--sn-primitive-dimension-4, 4px));
}
.root[data-surface=bottomSheet]{
  grid-template-columns:minmax(0, 1fr);
  row-gap:var(--sn-primitive-dimension-16, 16px);
  height:auto;
}

.media{
  position:relative;
  overflow:hidden;
  min-width:0;
  border-radius:var(--sn-density-radius-2xs, var(--sn-primitive-dimension-4, 4px));
}

.media[data-status=error]{
  background:var(--sn-theme-color-neutral-background, var(--sn-brand-color-neutral-90, var(--sn-primitive-color-gray-90, #eeeff3)));
}

.root[data-surface=bottomSheet] .media{
  justify-self:center;
  aspect-ratio:1;
  width:100%;
  max-width:calc(6 * var(--sn-primitive-dimension-64, 64px) - var(--sn-primitive-dimension-4, 4px));
}

.file{
  display:block;
  width:100%;
  height:100%;
  -o-object-fit:cover;
     object-fit:cover;
}

.mediaOverlay{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
}

.mediaFallbackIcon{
  color:var(--sn-theme-color-neutral-accent, var(--sn-brand-color-neutral-55, var(--sn-primitive-color-gray-55, #8b8fa7)));
}

.content{
  display:flex;
  flex-direction:column;
  row-gap:var(--sn-primitive-dimension-16, 16px);
  min-width:0;
  min-height:0;
}

.title{
  color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #41424e));
}

.description{
  flex:1;
  min-height:0;
}

.root[data-surface=modal] .content{
  order:1;
}

.root[data-surface=modal] .markdown,
.root[data-surface=modal] .titleWrapper,
.root[data-surface=modal] .skeletonContent{
  padding-right:var(--sn-primitive-dimension-16, 16px);
}

.root[data-surface=modal] .media{
  order:2;
}