@awsui/components-react/side-navigation/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_l0dv0_r9f6s_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;
  min-width:0;
  -ms-word-break:break-all;
  word-break:break-word;
}

._header_l0dv0_r9f6s_16:not(#\9){
  padding:2rem 3.2rem;
  padding:var(--space-scaled-l-17GFGI, 2rem) var(--space-xxl-ne7xIx, 3.2rem);
  padding-right:calc(3.2rem + 2.4rem);
  padding-right:calc(var(--space-scaled-xxl-238u6Z, 3.2rem) + var(--space-xl-ADubW1, 2.4rem));
}

._header-link_l0dv0_r9f6s_21: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);
  color:#16191f;
  color:var(--color-text-heading-default-2ZjSsg, #16191f);
  font-weight:700;
}

._list_l0dv0_r9f6s_28:not(#\9){
  margin:0;
  padding:0;
  padding-left:2rem;
  padding-left:var(--space-l-3SmGmy, 2rem);
}

._list-variant-root_l0dv0_r9f6s_34:not(#\9){
  margin:0;
  margin-bottom:4rem;
  margin-bottom:var(--space-scaled-xxxl-3VX7k3, 4rem);
  padding:0 3.2rem 0 3.2rem;
  padding:0 var(--space-scaled-xxl-238u6Z, 3.2rem) 0 var(--space-xxl-ne7xIx, 3.2rem);
}

._list-variant-expandable-link-group_l0dv0_r9f6s_40:not(#\9){
  padding-left:4rem;
  padding-left:var(--space-xxxl-3X4pSV, 4rem);
}

._list-item_l0dv0_r9f6s_44:not(#\9){
  margin:0.8rem 0;
  margin:var(--space-scaled-xs-19adjU, 0.8rem) 0;
  padding:0;
  list-style:none;
}

._section_l0dv0_r9f6s_50:not(#\9),
._expandable-link-group_l0dv0_r9f6s_51:not(#\9){
  margin-left:calc(-1 * 2rem);
  margin-left:calc(-1 * var(--space-l-3SmGmy, 2rem));
}

._section_l0dv0_r9f6s_50:not(#\9){
  margin-top:2rem;
  margin-top:var(--space-scaled-2x-l-17GFGI, 2rem);
  margin-bottom:2rem;
  margin-bottom:var(--space-scaled-2x-l-17GFGI, 2rem);
}
._section_l0dv0_r9f6s_50 > *:not(#\9){
  padding:0;
}

._section-header_l0dv0_r9f6s_63:not(#\9){
  color:#545b64;
  color:var(--color-text-body-secondary-3MrzkF, #545b64);
  font-weight:700;
}

._link_l0dv0_r9f6s_68:not(#\9){
  color:#545b64;
  color:var(--color-text-body-secondary-3MrzkF, #545b64);
  font-weight:400;
}

._link-active_l0dv0_r9f6s_73:not(#\9){
  font-weight:700;
  color:#0073bb;
  color:var(--color-text-accent-3H8Hch, #0073bb);
}

._header-link_l0dv0_r9f6s_21:not(#\9),
._link_l0dv0_r9f6s_68:not(#\9){
  text-decoration:none;
}
._header-link_l0dv0_r9f6s_21:not(#\9):hover,
._link_l0dv0_r9f6s_68:not(#\9):hover{
  color:#0073bb;
  color:var(--color-text-accent-3H8Hch, #0073bb);
}
._header-link_l0dv0_r9f6s_21:not(#\9):focus,
._link_l0dv0_r9f6s_68:not(#\9):focus{
  outline:none;
}
._header-link_l0dv0_r9f6s_21:not(#\9):hover, ._header-link_l0dv0_r9f6s_21:not(#\9):focus, ._link_l0dv0_r9f6s_68:not(#\9):hover, ._link_l0dv0_r9f6s_68:not(#\9):focus{
  text-decoration:none;
}
._header-link_l0dv0_r9f6s_21[data-awsui-focus-visible=true]:not(#\9):focus,
._link_l0dv0_r9f6s_68[data-awsui-focus-visible=true]:not(#\9):focus{
  outline:thin dotted;
  outline:5px auto -webkit-focus-ring-color;
  outline-offset:2px;
  outline-color:#00a1c9;
  outline-color:var(--color-border-item-focused-RH7L5U, #00a1c9);
}

._info_l0dv0_r9f6s_103:not(#\9){
  margin-left:0.8rem;
  margin-left:var(--space-xs-qJuxzO, 0.8rem);
}

._external-icon_l0dv0_r9f6s_107:not(#\9){
  margin-left:0.4rem;
  margin-left:var(--space-xxs-1SRICw, 0.4rem);
}

._divider_l0dv0_r9f6s_111:not(#\9){
  border:none;
  border-top:1px solid #eaeded;
  border-top:1px solid var(--color-border-divider-default-p5fVsz, #eaeded);
  margin-bottom:2rem;
  margin-bottom:var(--space-scaled-l-17GFGI, 2rem);
}

._divider-default_l0dv0_r9f6s_117:not(#\9){
  margin:2.4rem calc(-1 * 1.2rem);
  margin:var(--space-scaled-2x-xl-axUbkA, 2.4rem) calc(-1 * var(--space-s-3LgOeB, 1.2rem));
}

._divider-header_l0dv0_r9f6s_121:not(#\9){
  margin-top:-1px;
}