/**
 * Container 组件样式 - 对应 MUI Container
 */

.MuiContainer-root {
  width: 100%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

/* 左右内边距 */
.MuiContainer-root:not(.MuiContainer-disableGutters) {
  padding-left: 16px;
  padding-right: 16px;
}

/* 禁用内边距 */
.MuiContainer-disableGutters {
  padding-left: 0;
  padding-right: 0;
}

/* 最大宽度 - xs */
.MuiContainer-maxWidthXs {
  max-width: 444px;
}

/* 最大宽度 - sm */
.MuiContainer-maxWidthSm {
  max-width: 600px;
}

/* 最大宽度 - md */
.MuiContainer-maxWidthMd {
  max-width: 900px;
}

/* 最大宽度 - lg */
.MuiContainer-maxWidthLg {
  max-width: 1200px;
}

/* 最大宽度 - xl */
.MuiContainer-maxWidthXl {
  max-width: 1536px;
}

/* 固定宽度模式 */
.MuiContainer-fixed {
  min-width: 0;
}