.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));
}