:host {
  --digi--layout-container--width: var(--digi--container-width--smaller);
  --digi--layout-container--gutter: var(--digi--container-gutter--base);
  --digi--layout-container--vertical-padding: 0;
  --digi--layout-container--margin-top: 0;
  --digi--layout-container--margin-bottom: 0;
}
:host .digi-layout-container {
  box-sizing: border-box;
  width: 100%;
  max-width: var(--digi--layout-container--width);
  padding: var(--digi--layout-container--vertical-padding) var(--digi--layout-container--gutter);
  margin-left: auto;
  margin-right: auto;
  margin-top: var(--digi--layout-container--margin-top);
  margin-bottom: var(--digi--layout-container--margin-bottom);
  box-sizing: border-box;
}
@media (min-width: 47.9375rem) {
  :host .digi-layout-container {
    --digi--layout-container--width: var(--digi--container-width--small);
    --digi--layout-container--gutter: var(--digi--container-gutter--small);
  }
}
@media (min-width: 48rem) {
  :host .digi-layout-container {
    --digi--layout-container--width: var(--digi--container-width--medium);
    --digi--layout-container--gutter: var(--digi--container-gutter--medium);
  }
}
@media (min-width: 61.9375rem) {
  :host .digi-layout-container {
    --digi--layout-container--width: var(--digi--container-width--large);
    --digi--layout-container--gutter: var(--digi--container-gutter--large);
  }
}
@media (min-width: 75rem) {
  :host .digi-layout-container {
    --digi--layout-container--width: var(--digi--container-width--larger);
    --digi--layout-container--gutter: var(--digi--container-gutter--larger);
  }
}
@media (min-width: 87.5rem) {
  :host .digi-layout-container {
    --digi--layout-container--width: var(--digi--container-width--largest);
    --digi--layout-container--gutter: var(--digi--container-gutter--largest);
  }
  :host .digi-layout-container--max-width-1200 {
    --digi--layout-container--width: var(--digi--global--size--larger);
  }
}
:host .digi-layout-container--fluid {
  --digi--layout-container--width: none !important;
}
:host .digi-layout-container--no-gutter {
  --digi--layout-container--gutter: 0;
}
:host .digi-layout-container--vertical-padding {
  --digi--layout-container--vertical-padding: var(--digi--padding--large);
}
:host .digi-layout-container--margin-top {
  --digi--layout-container--margin-top: var(--digi--margin--large);
}
:host .digi-layout-container--margin-bottom {
  --digi--layout-container--margin-bottom: var(--digi--margin--large);
}