@awsui/components-react/cards/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

._card-inner_p8a6i_anv29_3:not(#\9){
  transition-property:background-color, border-top-color, border-bottom-color, border-left-color, border-right-color;
  transition-duration:180ms;
  transition-duration:var(--motion-duration-transition-show-paced-2crOWV, 180ms);
  transition-timing-function:ease-out;
  transition-timing-function:var(--motion-easing-transition-show-paced-25z_bd, ease-out);
}
@media (prefers-reduced-motion: reduce){
  ._card-inner_p8a6i_anv29_3:not(#\9){
    animation:none;
    transition:none;
  }
}
.awsui-motion-disabled ._card-inner_p8a6i_anv29_3:not(#\9){
  animation:none;
  transition:none;
}

._root_p8a6i_anv29_19: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;
  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;
}

._header_p8a6i_anv29_34:not(#\9){
  margin-bottom:2rem;
  margin-bottom:var(--space-grid-gutter-17GFGI, 2rem);
}

._list_p8a6i_anv29_38:not(#\9){
  display:flex;
  flex-wrap:wrap;
  box-sizing:border-box;
  padding:0;
  list-style:none;
  margin:0 0 0 calc(2rem * -1);
  margin:0 0 0 calc(var(--space-grid-gutter-17GFGI, 2rem) * -1);
}
._list_p8a6i_anv29_38._list-grid-1_p8a6i_anv29_46 > ._card_p8a6i_anv29_3:not(#\9){
  width:100%;
}
._list_p8a6i_anv29_38._list-grid-2_p8a6i_anv29_49 > ._card_p8a6i_anv29_3:not(#\9){
  width:50%;
}
._list_p8a6i_anv29_38._list-grid-3_p8a6i_anv29_52 > ._card_p8a6i_anv29_3:not(#\9){
  width:33.3333333333%;
}
._list_p8a6i_anv29_38._list-grid-4_p8a6i_anv29_55 > ._card_p8a6i_anv29_3:not(#\9){
  width:25%;
}
._list_p8a6i_anv29_38._list-grid-5_p8a6i_anv29_58 > ._card_p8a6i_anv29_3:not(#\9){
  width:20%;
}
._list_p8a6i_anv29_38._list-grid-6_p8a6i_anv29_61 > ._card_p8a6i_anv29_3:not(#\9){
  width:16.6666666667%;
}
._list_p8a6i_anv29_38._list-grid-7_p8a6i_anv29_64 > ._card_p8a6i_anv29_3:not(#\9){
  width:14.2857142857%;
}
._list_p8a6i_anv29_38._list-grid-8_p8a6i_anv29_67 > ._card_p8a6i_anv29_3:not(#\9){
  width:12.5%;
}
._list_p8a6i_anv29_38._list-grid-9_p8a6i_anv29_70 > ._card_p8a6i_anv29_3:not(#\9){
  width:11.1111111111%;
}
._list_p8a6i_anv29_38._list-grid-10_p8a6i_anv29_73 > ._card_p8a6i_anv29_3:not(#\9){
  width:10%;
}
._list_p8a6i_anv29_38._list-grid-11_p8a6i_anv29_76 > ._card_p8a6i_anv29_3:not(#\9){
  width:9.0909090909%;
}
._list_p8a6i_anv29_38._list-grid-12_p8a6i_anv29_79 > ._card_p8a6i_anv29_3:not(#\9){
  width:8.3333333333%;
}
._list_p8a6i_anv29_38._list-grid-13_p8a6i_anv29_82 > ._card_p8a6i_anv29_3:not(#\9){
  width:7.6923076923%;
}
._list_p8a6i_anv29_38._list-grid-14_p8a6i_anv29_85 > ._card_p8a6i_anv29_3:not(#\9){
  width:7.1428571429%;
}
._list_p8a6i_anv29_38._list-grid-15_p8a6i_anv29_88 > ._card_p8a6i_anv29_3:not(#\9){
  width:6.6666666667%;
}
._list_p8a6i_anv29_38._list-grid-16_p8a6i_anv29_91 > ._card_p8a6i_anv29_3:not(#\9){
  width:6.25%;
}
._list_p8a6i_anv29_38._list-grid-17_p8a6i_anv29_94 > ._card_p8a6i_anv29_3:not(#\9){
  width:5.8823529412%;
}
._list_p8a6i_anv29_38._list-grid-18_p8a6i_anv29_97 > ._card_p8a6i_anv29_3:not(#\9){
  width:5.5555555556%;
}
._list_p8a6i_anv29_38._list-grid-19_p8a6i_anv29_100 > ._card_p8a6i_anv29_3:not(#\9){
  width:5.2631578947%;
}
._list_p8a6i_anv29_38._list-grid-20_p8a6i_anv29_103 > ._card_p8a6i_anv29_3:not(#\9){
  width:5%;
}

._selection-control_p8a6i_anv29_107:not(#\9){
  position:absolute;
  box-sizing:border-box;
  width:5.4rem;
  top:0;
  right:0;
  padding:2rem 2rem;
  padding:var(--space-scaled-l-17GFGI, 2rem) var(--space-l-3SmGmy, 2rem);
}

._loading_p8a6i_anv29_116:not(#\9),
._empty_p8a6i_anv29_117:not(#\9){
  overflow:hidden;
  text-align:center;
  color:#687078;
  color:var(--color-text-empty-1UtnXw, #687078);
  margin-bottom:2rem;
  margin-bottom:var(--space-scaled-l-17GFGI, 2rem);
}

._card_p8a6i_anv29_3:not(#\9){
  display:flex;
  overflow-wrap:break-word;
  word-wrap:break-word;
  margin:0;
  padding:0;
  list-style:none;
}
._card-inner_p8a6i_anv29_3:not(#\9){
  position:relative;
  background-color:#ffffff;
  background-color:var(--color-background-container-content-2k-l2Z, #ffffff);
  margin:0 0 2rem 2rem;
  margin:0 0 var(--space-grid-gutter-17GFGI, 2rem) var(--space-grid-gutter-17GFGI, 2rem);
  padding:2rem 2rem 1.2rem;
  padding:var(--space-scaled-l-17GFGI, 2rem) var(--space-l-3SmGmy, 2rem) var(--space-s-3LgOeB, 1.2rem);
  border-color:transparent;
  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;
  width:100%;
  min-width:0;
  box-sizing:border-box;
}
@media screen and (-ms-high-contrast: active){
  ._card-inner_p8a6i_anv29_3:not(#\9){
    padding:calc(2rem - 1px) calc(2rem - 1px) calc(1.2rem - 1px);
    padding:calc(var(--space-scaled-l-17GFGI, 2rem) - 1px) calc(var(--space-l-3SmGmy, 2rem) - 1px) calc(var(--space-s-3LgOeB, 1.2rem) - 1px);
  }
}
@media screen and (-ms-high-contrast: active){
  ._card-inner_p8a6i_anv29_3:not(#\9){
    border:1px solid #eaeded;
    border:1px solid var(--color-border-container-top-p5fVsz, #eaeded);
  }
}
._card-header_p8a6i_anv29_156:not(#\9){
  font-size:1.8rem;
  font-size:var(--size-font-heading-200-2NVa8Z, 1.8rem);
  line-height:2.2rem;
  line-height:var(--size-lineHeight-heading-200-2aIKVt, 2.2rem);
}
._card-header-inner_p8a6i_anv29_160:not(#\9){
  width:100%;
  display:inline-block;
}
._card-selectable_p8a6i_anv29_164 > ._card-inner_p8a6i_anv29_3 > ._card-header_p8a6i_anv29_156:not(#\9){
  width:90%;
}
._card-selected_p8a6i_anv29_167 > ._card-inner_p8a6i_anv29_3:not(#\9){
  border:1px solid #00a1c9;
  border:1px solid var(--color-border-item-selected-RH7L5U, #00a1c9);
  background-color:#f1faff;
  background-color:var(--color-background-item-selected-1qprMO, #f1faff);
  padding:2rem calc(2rem - 1px) calc(1.2rem - 1px) calc(2rem - 1px);
  padding:var(--space-scaled-l-17GFGI, 2rem) calc(var(--space-l-3SmGmy, 2rem) - 1px) calc(var(--space-s-3LgOeB, 1.2rem) - 1px) calc(var(--space-l-3SmGmy, 2rem) - 1px);
}
._card-selected_p8a6i_anv29_167 > ._card-inner_p8a6i_anv29_3 > ._card-header_p8a6i_anv29_156 > ._selection-control_p8a6i_anv29_107:not(#\9){
  margin-right:calc(-1 * 1px);
}

._section_p8a6i_anv29_176:not(#\9){
  display:inline-block;
  box-sizing:border-box;
  padding:0.8rem 0 0.8rem 0;
  padding:var(--space-xs-qJuxzO, 0.8rem) 0 var(--space-scaled-xs-19adjU, 0.8rem) 0;
  vertical-align:top;
}
._section-header_p8a6i_anv29_182:not(#\9){
  color:#545b64;
  color:var(--color-text-label-3MrzkF, #545b64);
}