@media (min-width: 1400px)  {.u-sheet {
    width: var(--theme-sheet-width-xxl) !important;
  }}
@media (min-width: 1200px)  {.u-xl-mode .u-sheet {
    width: var(--theme-sheet-width-xl) !important;
  }}
@media (min-width: 1200px) and (max-width: 1399px)  {.u-xxl-mode .u-sheet {
    width: var(--theme-sheet-width-xl) !important;
  }}
@media (min-width: 992px) and (max-width: 1199px)  {.u-sheet {
    width: var(--theme-sheet-width-lg) !important;
  }}
@media (min-width: 768px) and (max-width: 991px)  {.u-sheet {
    width: var(--theme-sheet-width-md) !important;
  }}
@media (min-width: 576px) and (max-width: 767px)  {.u-sheet {
    width: var(--theme-sheet-width-sm) !important;
  }}
@media (max-width: 575px)  {.u-sheet {
    width: var(--theme-sheet-width-xs) !important;
  }}
@media (min-width: 768px) and (max-width: 991px)  {.u-valign-middle-md,
  .u-valign-top-md,
  .u-valign-bottom-md {
    display: flex;
    flex-direction: column;
  }}
@media (min-width: 576px) and (max-width: 767px)  {.u-valign-middle-sm,
  .u-valign-top-sm,
  .u-valign-bottom-sm {
    display: flex;
    flex-direction: column;
  }}
@media (max-width: 575px)  {.u-valign-middle-xs,
  .u-valign-top-xs,
  .u-valign-bottom-xs {
    display: flex;
    flex-direction: column;
  }}
@media (min-width: 768px) and (max-width: 991px)  {.u-valign-middle-md {
    justify-content: center;
  }}
@media (min-width: 576px) and (max-width: 767px)  {.u-valign-middle-sm {
    justify-content: center;
  }}
@media (max-width: 575px)  {.u-valign-middle-xs {
    justify-content: center;
  }}
@media (max-width: 767px)  {:not(.u-sheet) > [class*="u-gutter-"]:not(.u-gutter-0).u-expanded-width {
    overflow: hidden;
  }}