.body{
  min-height:auto;
}

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

.footer{
  display:flex;
  -moz-column-gap:var(--sn-primitive-dimension-8, 8px);
       column-gap:var(--sn-primitive-dimension-8, 8px);
  justify-content:flex-end;
  width:100%;
}
.body{
  min-height:auto;
}

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

.footer{
  display:flex;
  -moz-column-gap:var(--sn-primitive-dimension-8, 8px);
       column-gap:var(--sn-primitive-dimension-8, 8px);
  justify-content:flex-end;
  width:100%;
}
.body{
  min-height:calc(6 * var(--sn-primitive-dimension-64, 64px));
}

.safeAreaBottom{
  padding-bottom:var(--sn-modal-anatomy-container-safeArea-paddingBottom, var(--sn-density-spacing-interval-s, var(--sn-primitive-dimension-8, 8px)));
}
.root{
  display:flex;
  flex-direction:column;
}

.confirmText{
  display:flex;
  -moz-column-gap:var(--sn-primitive-dimension-8, 8px);
       column-gap:var(--sn-primitive-dimension-8, 8px);
  align-items:center;
  justify-content:space-between;
  margin-bottom:var(--sn-primitive-dimension-8, 8px);
}

.confirmText[data-align=start]{
  -moz-column-gap:var(--sn-primitive-dimension-4, 4px);
       column-gap:var(--sn-primitive-dimension-4, 4px);
  justify-content:flex-start;
}

.confirmLabel{
  font-family:var(--sn-regular-body-m-fontFamily, var(--sn-brand-font-fontFamily-regular-body, var(--sn-primitive-fontFamily-brandA-sans, SB Sans Interface)));
  font-weight:var(--sn-regular-body-m-fontWeight, var(--sn-theme-typography-fontWeight-regular-body-m, var(--sn-brand-font-fontWeight-light-regular-body-m, var(--sn-primitive-font-fontWeightValue-400, 400))));
  line-height:var(--sn-regular-body-m-lineHeight, var(--sn-density-typography-roleBody-lineHeightM, var(--sn-primitive-font-lineHeight-by16, 24px)));
  font-size:var(--sn-regular-body-m-fontSize, var(--sn-density-typography-roleBody-fontSizeM, var(--sn-primitive-font-fontSize-16, 16px)));
  letter-spacing:var(--sn-regular-body-m-letterSpacing, var(--sn-primitive-font-letterSpacing-m, 0.1px));
  paragraph-spacing:var(--sn-regular-body-m-paragraphSpacing, var(--sn-primitive-font-paragraphSpacing-byFontSize14, 7px));
  color:var(--sn-theme-color-available-version-textSecondary, var(--sn-brand-color-text-version-secondary, rgba(65, 66, 78, 0.8)));
}

.confirmValue{
  font-family:var(--sn-regular-body-m-fontFamily, var(--sn-brand-font-fontFamily-regular-body, var(--sn-primitive-fontFamily-brandA-sans, SB Sans Interface)));
  font-weight:var(--sn-regular-body-m-fontWeight, var(--sn-theme-typography-fontWeight-regular-body-m, var(--sn-brand-font-fontWeight-light-regular-body-m, var(--sn-primitive-font-fontWeightValue-400, 400))));
  line-height:var(--sn-regular-body-m-lineHeight, var(--sn-density-typography-roleBody-lineHeightM, var(--sn-primitive-font-lineHeight-by16, 24px)));
  font-size:var(--sn-regular-body-m-fontSize, var(--sn-density-typography-roleBody-fontSizeM, var(--sn-primitive-font-fontSize-16, 16px)));
  letter-spacing:var(--sn-regular-body-m-letterSpacing, var(--sn-primitive-font-letterSpacing-m, 0.1px));
  paragraph-spacing:var(--sn-regular-body-m-paragraphSpacing, var(--sn-primitive-font-paragraphSpacing-byFontSize14, 7px));
  min-width:0;
}
.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;
}
.root{
  display:flex;
  flex-direction:column;
  row-gap:var(--sn-primitive-dimension-16, 16px);
  box-sizing:border-box;
  width:100%;
}

.modal{
  min-width:calc(11 * var(--sn-primitive-dimension-64, 64px));
}

.bottomSheet{
  min-width:0;
}

.carousel{
  min-width:0;
}

.skeletonSlide{
  box-sizing:border-box;
  width:100%;
  padding:calc(var(--sn-carousel-anatomy-contentWrapper-content-paddingVertical, var(--sn-primitive-dimension-4, 4px)) + var(--sn-primitive-strokeWeight-strokeRegular, 1px)) var(--sn-primitive-strokeWeight-strokeRegular, 1px);
}

.stateWrapper{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  width:100%;
}
.stateWrapper[data-surface=modal]{
  height:calc(7 * var(--sn-primitive-dimension-64, 64px) - var(--sn-primitive-dimension-4, 4px));
}
.stateWrapper[data-surface=bottomSheet]{
  min-height:100%;
}

.state{
  width:100%;
  max-width:calc(9 * var(--sn-primitive-dimension-64, 64px) + 3 * var(--sn-primitive-dimension-16, 16px));
}
.root{
  position:relative;
  display:flex;
  -moz-column-gap:var(--sn-primitive-dimension-16, 16px);
       column-gap:var(--sn-primitive-dimension-16, 16px);
  align-items:center;
  justify-content:space-between;
  width:100%;
}

.controls{
  display:flex;
  -moz-column-gap:var(--sn-primitive-dimension-8, 8px);
       column-gap:var(--sn-primitive-dimension-8, 8px);
  align-items:center;
}

.slider{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
}

.sliderSkeleton{
  width:calc(3 * var(--sn-primitive-dimension-16, 16px));
  height:var(--sn-primitive-dimension-16, 16px);
  border-radius:var(--sn-density-radius-2xs, var(--sn-primitive-dimension-4, 4px));
}