.image{
  display:block;
  box-sizing:border-box;
  width:100%;
  height:auto;
  -o-object-fit:cover;
     object-fit:cover;
}
.image[data-mode=little]{
  position:relative;
}
.image[data-mode=little][data-size=s]{
  margin-bottom:var(--sn-primitive-dimension-4, 4px);
  padding-right:var(--sn-primitive-dimension-8, 8px);
  padding-left:var(--sn-primitive-dimension-8, 8px);
}
.image[data-mode=little][data-size=m]{
  margin-bottom:var(--sn-primitive-dimension-8, 8px);
  padding-right:var(--sn-primitive-dimension-16, 16px);
  padding-left:var(--sn-primitive-dimension-16, 16px);
}
.image[data-mode=little][data-size=l]{
  margin-bottom:var(--sn-primitive-dimension-16, 16px);
  padding-right:var(--sn-primitive-dimension-24, 24px);
  padding-left:var(--sn-primitive-dimension-24, 24px);
}
.image[data-mode=little]{
  height:var(--sn-primitive-dimension-144, 144px);
}
.image[data-mode=middle]{
  position:relative;
}
.image[data-mode=middle][data-size=s]{
  margin-bottom:var(--sn-primitive-dimension-4, 4px);
  padding-right:var(--sn-primitive-dimension-8, 8px);
  padding-left:var(--sn-primitive-dimension-8, 8px);
}
.image[data-mode=middle][data-size=m]{
  margin-bottom:var(--sn-primitive-dimension-8, 8px);
  padding-right:var(--sn-primitive-dimension-16, 16px);
  padding-left:var(--sn-primitive-dimension-16, 16px);
}
.image[data-mode=middle][data-size=l]{
  margin-bottom:var(--sn-primitive-dimension-16, 16px);
  padding-right:var(--sn-primitive-dimension-24, 24px);
  padding-left:var(--sn-primitive-dimension-24, 24px);
}
.image[data-mode=middle]{
  height:240px;
}
.image[data-mode=background]{
  pointer-events:none;
  position:absolute;
  z-index:0;
  inset:0;
  width:auto;
  height:auto;
  -o-object-fit:cover;
     object-fit:cover;
}
.image[data-mode=background][data-fading]{
  -webkit-mask-image:linear-gradient(90deg, transparent 0%, transparent 33%, var(--sn-theme-color-neutral-background1Level, var(--sn-brand-color-neutral-95, var(--sn-brand-palette-gray-95, #ffffff))) 100%);
          mask-image:linear-gradient(90deg, transparent 0%, transparent 33%, var(--sn-theme-color-neutral-background1Level, var(--sn-brand-color-neutral-95, var(--sn-brand-palette-gray-95, #ffffff))) 100%);
}
.image[data-mode=little][data-size=s], .image[data-mode=middle][data-size=s]{
  padding-top:var(--sn-primitive-dimension-8, 8px);
}
.image[data-mode=little][data-size=m], .image[data-mode=middle][data-size=m]{
  padding-top:var(--sn-primitive-dimension-16, 16px);
}
.image[data-mode=little][data-size=l], .image[data-mode=middle][data-size=l]{
  padding-top:var(--sn-primitive-dimension-24, 24px);
}