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

._alert_mx3cw_1n4rx_3:not(#\9){
  animation:_awsui-motion-fade-in_mx3cw_1n4rx_1 180ms ease-out;
  animation:_awsui-motion-fade-in_mx3cw_1n4rx_1 var(--motion-duration-show-paced-2crOWV, 180ms) var(--motion-easing-show-paced-25z_bd, ease-out);
}
@keyframes _awsui-motion-fade-in_mx3cw_1n4rx_1{
  from{
    opacity:0.2;
  }
  to{
    opacity:1;
  }
}
@media (prefers-reduced-motion: reduce){
  ._alert_mx3cw_1n4rx_3:not(#\9){
    animation:none;
    transition:none;
  }
}
.awsui-motion-disabled ._alert_mx3cw_1n4rx_3:not(#\9){
  animation:none;
  transition:none;
}

._root_mx3cw_1n4rx_25: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;
  word-wrap:break-word;
  max-width:100%;
  overflow:hidden;
  display:block;
}
._root_mx3cw_1n4rx_25._hidden_mx3cw_1n4rx_38:not(#\9){
  display:none;
}

._alert_mx3cw_1n4rx_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;
  position:relative;
  display:flex;
  justify-content:flex-start;
  align-items:flex-start;
  border-radius:2px;
  border:1px solid;
  padding:1.2rem 2rem;
  padding:var(--space-scaled-s-1sAHT4, 1.2rem) var(--space-l-3SmGmy, 2rem);
  background-color:#ffffff;
  background-color:var(--color-background-container-content-2k-l2Z, #ffffff);
}

._body_mx3cw_1n4rx_60:not(#\9){
  display:flex;
  flex:1 1 0%;
  min-width:0;
}

._header_mx3cw_1n4rx_66:not(#\9){
  font-weight:700;
}

._action_mx3cw_1n4rx_70:not(#\9){
  white-space:nowrap;
  margin-left:2rem;
  margin-left:var(--space-l-3SmGmy, 2rem);
}

._root_mx3cw_1n4rx_25._breakpoint-default_mx3cw_1n4rx_79 > ._alert_mx3cw_1n4rx_3 > ._body_mx3cw_1n4rx_60:not(#\9){
  display:block;
}
._root_mx3cw_1n4rx_25._breakpoint-default_mx3cw_1n4rx_79 > ._alert_mx3cw_1n4rx_3 > ._body_mx3cw_1n4rx_60 > ._action_mx3cw_1n4rx_70:not(#\9){
  margin-left:0;
}

._message_mx3cw_1n4rx_86:not(#\9){
  flex:1 1 0%;
  margin:0.4rem 0;
  margin:var(--space-xxs-1SRICw, 0.4rem) 0;
  min-width:0;
}

._dismiss_mx3cw_1n4rx_96:not(#\9){
  flex:0 0 auto;
  margin-right:calc(-1 * 0.4rem);
  margin-right:calc(-1 * var(--space-xxs-1SRICw, 0.4rem));
}

._dismiss-with-button_mx3cw_1n4rx_105:not(#\9){
  margin-left:1.2rem;
  margin-left:var(--space-s-3LgOeB, 1.2rem);
}

._icon_mx3cw_1n4rx_109:not(#\9){
  flex:0 0 auto;
  margin-right:0.8rem;
  margin-right:var(--space-xs-qJuxzO, 0.8rem);
  margin-top:0.4rem;
  margin-top:var(--space-xxs-1SRICw, 0.4rem);
}

._type-error_mx3cw_1n4rx_115:not(#\9){
  border-color:#d13212;
  border-color:var(--color-border-status-error-1SZf5y, #d13212);
  background-color:#fdf3f1;
  background-color:var(--color-background-status-error-10XnjY, #fdf3f1);
}
._type-error_mx3cw_1n4rx_115 > ._icon_mx3cw_1n4rx_109:not(#\9){
  color:#d13212;
  color:var(--color-text-status-error-1SZf5y, #d13212);
}

._type-warning_mx3cw_1n4rx_123:not(#\9){
  border-color:#aab7b8;
  border-color:var(--color-border-status-warning-2xktd9, #aab7b8);
  background-color:#ffffff;
  background-color:var(--color-background-status-warning-2k-l2Z, #ffffff);
}
._type-warning_mx3cw_1n4rx_123 > ._icon_mx3cw_1n4rx_109:not(#\9){
  color:#d13212;
  color:var(--color-text-status-warning-1SZf5y, #d13212);
}

._type-success_mx3cw_1n4rx_131:not(#\9){
  border-color:#1d8102;
  border-color:var(--color-border-status-success-2klHNN, #1d8102);
  background-color:#f2f8f0;
  background-color:var(--color-background-status-success-3GI9v9, #f2f8f0);
}
._type-success_mx3cw_1n4rx_131 > ._icon_mx3cw_1n4rx_109:not(#\9){
  color:#1d8102;
  color:var(--color-text-status-success-2klHNN, #1d8102);
}

._type-info_mx3cw_1n4rx_139:not(#\9){
  border-color:#0073bb;
  border-color:var(--color-border-status-info-3H8Hch, #0073bb);
  background-color:#f1faff;
  background-color:var(--color-background-status-info-1qprMO, #f1faff);
}
._type-info_mx3cw_1n4rx_139 > ._icon_mx3cw_1n4rx_109:not(#\9){
  color:#0073bb;
  color:var(--color-text-status-info-3H8Hch, #0073bb);
}