@awsui/components-react/container/styles.scoped.css

AWS UI is a collection of [React](https://reactjs.org/) components that help create intuitive, responsive, and accessible user experiences for web applications. It is developed by Amazon Web Services (AWS). This work is available under the terms of the [A

._root_14iqq_1wvol_3:not(#\9){
  border-collapse:separate;
  border-spacing:0;
  caption-side:top;
  cursor:auto;
  direction:ltr;
  empty-cells:show;
  font-family:serif;
  font-size:medium;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  font-stretch:normal;
  line-height:normal;
  hyphens:none;
  letter-spacing:normal;
  list-style:disc outside none;
  tab-size:8;
  text-align:left;
  text-align-last:auto;
  text-indent:0;
  text-shadow:none;
  text-transform:none;
  visibility:visible;
  white-space:normal;
  widows:2;
  word-spacing:normal;
  box-sizing:border-box;
  font-size:1.4rem;
  font-size:var(--size-font-body-100-1S0qZw, 1.4rem);
  line-height:2.2rem;
  line-height:var(--size-lineHeight-body-100-2aIKVt, 2.2rem);
  color:#16191f;
  color:var(--color-text-body-default-2ZjSsg, #16191f);
  font-weight:400;
  font-family:"Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif;
  display:block;
  background-color:#ffffff;
  background-color:var(--color-background-container-content-2k-l2Z, #ffffff);
  box-shadow:0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15);
  box-shadow:0 1px 1px 0 var(--color-shadow-medium-p-AJyl, rgba(0, 28, 36, 0.3)), 1px 1px 1px 0 var(--color-shadow-side-2Rp96d, rgba(0, 28, 36, 0.15)), -1px 1px 1px 0 var(--color-shadow-side-2Rp96d, rgba(0, 28, 36, 0.15));
  border-top:1px solid #eaeded;
  border-top:1px solid var(--color-border-container-top-p5fVsz, #eaeded);
  border-radius:0;
  box-sizing:border-box;
  word-wrap:break-word;
}
@media screen and (-ms-high-contrast: active){
  ._root_14iqq_1wvol_3:not(#\9){
    border:1px solid #eaeded;
    border:1px solid var(--color-border-container-top-p5fVsz, #eaeded);
  }
}

._content_14iqq_1wvol_25:not(#\9):not(._content-no-paddings_14iqq_1wvol_25){
  padding:2rem 2rem;
  padding:var(--space-scaled-l-17GFGI, 2rem) var(--space-l-3SmGmy, 2rem);
}
._content_14iqq_1wvol_25:not(#\9):not(._content-no-paddings_14iqq_1wvol_25)._content-has-header_14iqq_1wvol_28{
  padding-top:1.6rem;
  padding-top:var(--space-scaled-m-p3tAne, 1.6rem);
}

._header_14iqq_1wvol_32:not(#\9){
  background-color:#fafafa;
  background-color:var(--color-background-container-header-yKNU8Y, #fafafa);
  border-bottom:1px solid #eaeded;
  border-bottom:1px solid var(--color-border-divider-default-p5fVsz, #eaeded);
}
._header_14iqq_1wvol_32:not(#\9):not(._header-no-paddings_14iqq_1wvol_36){
  padding:1.2rem 2rem;
  padding:var(--space-scaled-s-1sAHT4, 1.2rem) var(--space-l-3SmGmy, 2rem);
}
._header-sticky_14iqq_1wvol_39:not(#\9){
  top:0;
  position:-webkit-sticky;
  position:sticky;
  z-index:800;
}
._header-stuck_14iqq_1wvol_44:not(#\9){
  box-shadow:0px 1px 4px -2px rgba(0, 28, 36, 0.5);
  box-shadow:0px 1px 4px -2px var(--color-shadow-default-nmeETv, rgba(0, 28, 36, 0.5));
}

._footer_14iqq_1wvol_48:not(#\9){
  border-top:1px solid #eaeded;
  border-top:1px solid var(--color-border-divider-default-p5fVsz, #eaeded);
  padding:1.2rem 2rem;
  padding:var(--space-scaled-s-1sAHT4, 1.2rem) var(--space-l-3SmGmy, 2rem);
}