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

._icon_h11ix_12fbs_3:not(#\9){
  display:inline-block;
  vertical-align:top;
}
._icon_h11ix_12fbs_3 > svg:not(#\9){
  pointer-events:none;
}
._icon_h11ix_12fbs_3 > svg:not(#\9){
  fill:none;
}
._icon_h11ix_12fbs_3 > svg *:not(#\9){
  stroke:currentColor;
}
._icon_h11ix_12fbs_3 > svg .stroke-linejoin-round:not(#\9){
  stroke-linejoin:round;
}
._icon_h11ix_12fbs_3 > svg .stroke-linecap-square:not(#\9){
  stroke-linecap:square;
}
._icon_h11ix_12fbs_3 > svg .stroke-linecap-round:not(#\9){
  stroke-linecap:round;
}
._icon_h11ix_12fbs_3 > svg .filled:not(#\9){
  fill:currentColor;
}
._icon_h11ix_12fbs_3._size-small_h11ix_12fbs_28:not(#\9){
  width:1.6rem;
  width:var(--size-icon-normal-3o9QS_, 1.6rem);
  height:1.6rem;
  height:var(--size-lineHeight-body-50-3o9QS_, 1.6rem);
  padding:calc((1.6rem - 1.6rem) / 2) 0;
  padding:calc((var(--size-lineHeight-body-50-3o9QS_, 1.6rem) - var(--size-icon-normal-3o9QS_, 1.6rem)) / 2) 0;
  box-sizing:border-box;
}
._icon_h11ix_12fbs_3._size-small_h11ix_12fbs_28 > svg:not(#\9),
._icon_h11ix_12fbs_3._size-small_h11ix_12fbs_28 > img:not(#\9){
  width:1.6rem;
  width:var(--size-icon-normal-3o9QS_, 1.6rem);
  height:1.6rem;
  height:var(--size-icon-normal-3o9QS_, 1.6rem);
  vertical-align:top;
}
._icon_h11ix_12fbs_3._size-small_h11ix_12fbs_28 > svg:not(#\9),
._icon_h11ix_12fbs_3._size-small_h11ix_12fbs_28 > svg *:not(#\9){
  stroke-width:2px;
}
._icon_h11ix_12fbs_3._size-normal_h11ix_12fbs_44:not(#\9){
  width:1.6rem;
  width:var(--size-icon-normal-3o9QS_, 1.6rem);
  height:2.2rem;
  height:var(--size-lineHeight-body-100-2aIKVt, 2.2rem);
  padding:calc((2.2rem - 1.6rem) / 2) 0;
  padding:calc((var(--size-lineHeight-body-100-2aIKVt, 2.2rem) - var(--size-icon-normal-3o9QS_, 1.6rem)) / 2) 0;
  box-sizing:border-box;
}
._icon_h11ix_12fbs_3._size-normal_h11ix_12fbs_44 > svg:not(#\9),
._icon_h11ix_12fbs_3._size-normal_h11ix_12fbs_44 > img:not(#\9){
  width:1.6rem;
  width:var(--size-icon-normal-3o9QS_, 1.6rem);
  height:1.6rem;
  height:var(--size-icon-normal-3o9QS_, 1.6rem);
  vertical-align:top;
}
._icon_h11ix_12fbs_3._size-normal_h11ix_12fbs_44 > svg:not(#\9),
._icon_h11ix_12fbs_3._size-normal_h11ix_12fbs_44 > svg *:not(#\9){
  stroke-width:2px;
}
._icon_h11ix_12fbs_3._size-big_h11ix_12fbs_60:not(#\9){
  width:3.2rem;
  width:var(--size-icon-big-ne7xIx, 3.2rem);
  height:3.6rem;
  height:var(--size-lineHeight-heading-500-1Bmg96, 3.6rem);
  padding:calc((3.6rem - 3.2rem) / 2) 0;
  padding:calc((var(--size-lineHeight-heading-500-1Bmg96, 3.6rem) - var(--size-icon-big-ne7xIx, 3.2rem)) / 2) 0;
  box-sizing:border-box;
}
._icon_h11ix_12fbs_3._size-big_h11ix_12fbs_60 > svg:not(#\9),
._icon_h11ix_12fbs_3._size-big_h11ix_12fbs_60 > img:not(#\9){
  width:3.2rem;
  width:var(--size-icon-big-ne7xIx, 3.2rem);
  height:3.2rem;
  height:var(--size-icon-big-ne7xIx, 3.2rem);
  vertical-align:top;
}
._icon_h11ix_12fbs_3._size-big_h11ix_12fbs_60 > svg:not(#\9),
._icon_h11ix_12fbs_3._size-big_h11ix_12fbs_60 > svg *:not(#\9){
  stroke-width:2px;
}
._icon_h11ix_12fbs_3._size-large_h11ix_12fbs_76:not(#\9){
  width:4.8rem;
  width:var(--size-icon-large-nQnxxx, 4.8rem);
  height:5.6rem;
  height:var(--size-lineHeight-display-200-X7YH-w, 5.6rem);
  padding:calc((5.6rem - 4.8rem) / 2) 0;
  padding:calc((var(--size-lineHeight-display-200-X7YH-w, 5.6rem) - var(--size-icon-large-nQnxxx, 4.8rem)) / 2) 0;
  box-sizing:border-box;
}
._icon_h11ix_12fbs_3._size-large_h11ix_12fbs_76 > svg:not(#\9),
._icon_h11ix_12fbs_3._size-large_h11ix_12fbs_76 > img:not(#\9){
  width:4.8rem;
  width:var(--size-icon-large-nQnxxx, 4.8rem);
  height:4.8rem;
  height:var(--size-icon-large-nQnxxx, 4.8rem);
  vertical-align:top;
}
._icon_h11ix_12fbs_3._size-large_h11ix_12fbs_76 > svg:not(#\9),
._icon_h11ix_12fbs_3._size-large_h11ix_12fbs_76 > svg *:not(#\9){
  stroke-width:1.2px;
}
._icon_h11ix_12fbs_3._variant-normal_h11ix_12fbs_92:not(#\9){
  color:currentColor;
}
._icon_h11ix_12fbs_3._variant-disabled_h11ix_12fbs_95:not(#\9){
  color:#aab7b8;
  color:var(--color-text-interactive-disabled-2xktd9, #aab7b8);
}
._icon_h11ix_12fbs_3._variant-inverted_h11ix_12fbs_98:not(#\9){
  color:#ffffff;
  color:var(--color-text-inverted-2k-l2Z, #ffffff);
}
._icon_h11ix_12fbs_3._variant-subtle_h11ix_12fbs_101:not(#\9){
  color:#687078;
  color:var(--color-text-icon-subtle-1UtnXw, #687078);
}
._icon_h11ix_12fbs_3._variant-warning_h11ix_12fbs_104:not(#\9){
  color:#d13212;
  color:var(--color-text-status-warning-1SZf5y, #d13212);
}
._icon_h11ix_12fbs_3._variant-error_h11ix_12fbs_107:not(#\9){
  color:#d13212;
  color:var(--color-text-status-error-1SZf5y, #d13212);
}
._icon_h11ix_12fbs_3._variant-success_h11ix_12fbs_110:not(#\9){
  color:#1d8102;
  color:var(--color-text-status-success-2klHNN, #1d8102);
}
._icon_h11ix_12fbs_3._variant-link_h11ix_12fbs_113:not(#\9){
  color:#0073bb;
  color:var(--color-text-link-default-3H8Hch, #0073bb);
}